The result: The code: The simplest use, and a good starting point for new users: //link to the CSS files for this menu type < link rel = " stylesheet " media = " screen " href = " superfish.css " > // link to the JavaScript files (hoverIntent is optional) // if you use hoverIntent, use the updated r7 version (see FAQ) < script src = " hoverIntent.js " ></ script >< script src = " superfish.js " ></ script > // initialise Superfish < script > jQuery ( document ) . ready ( function ( ) { jQuery ( 'ul.sf-menu' ) . superfish ( ) ; } ) ; </ script > To create an all-vertical menu, simply add the class sf-vertical to the parent ul along with the usual sf-menu class (space-separated, eg. class="sf-menu sf-vertical"), and initialise as normal.