Issue with implementing Superfish into Interspire

Get Started
1

Hi guys,

Im new to this forum and seeking for help.

Would appreciate if anyone can guide me to implement Superfish into Interspire website.

I have downloaded the superfish files and put javascript and css files according to examples.

In my htmlhead.html
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>

	&lt;head&gt;
	&lt;meta http-equiv="content-type" content="text/html;charset=utf-8"&gt;
	
	&lt;link href="css/superfish.css" media="screen" type="text/css" rel="stylesheet" /&gt;
	&lt;link href="css/superfish-vertical.css" media="screen" type="text/css" rel="stylesheet" /&gt;
	
	&lt;script type="text/javascript" src="js/superfish.js"&gt;&lt;/script&gt;
	&lt;script type="text/javascript" src="js/hoverIntent.js"&gt;&lt;/script&gt;
	&lt;script type="text/javascript" src="js/jquery-1.2.6.min.js"&gt;&lt;/script&gt;
	&lt;script type="text/javascript"&gt;

    // initialise plugins
    $(function(){
		$('ul.sf-menu').superfish();
		delay: 1200
	});
	
&lt;/script&gt;
&lt;/head&gt;

<body>

			&lt;div class="Block CategoryList Moveable Panel" id="SideCategoryList"&gt;
				&lt;h2&gt;%%LNG_ProductsByCategory%%&lt;/h2&gt;
				&lt;div class="BlockContent"&gt;
						&lt;!--%%SNIPPET_SideCategoryList%%--&gt;

						&lt;ul class="sf-menu sf-vertical sf-js-enabled sf-shadow"&gt;
							&lt;li class=""&gt;
								&lt;a class="" href="http://www.cubbees.com/v2/categories/Bar-&-Wine/"&gt;Bar & Wine
								&lt;span class="sf-sub-indicator"&gt;&lt;/span&gt;
								&lt;/a&gt;
								&lt;ul style=""&gt;
									&lt;li&gt;&lt;a href="http://domain/categories/Bar-&-Wine/Bar-Chair/"&gt;Bar Chair&lt;/a&gt;&lt;/li&gt;
									&lt;li&gt;&lt;a href="http://domain/categories/Bar-&-Wine/Holder/"&gt;Holder&lt;/a&gt;&lt;/li&gt;
									&lt;li&gt;&lt;a href="http://domain/categories/Bar-&-Wine/Serving-Trays/"&gt;Serving Trays&lt;/a&gt;&lt;/li&gt;
									&lt;li&gt;&lt;a href="http://domain/categories/Bar-&-Wine/Serving-Trolley/"&gt;Serving Trolley&lt;/a&gt;&lt;/li&gt;
									&lt;li&gt;&lt;a href="http://domain/categories/Bar-&-Wine/Wine-Accessories/"&gt;Wine Accessories&lt;/a&gt;&lt;/li&gt;
									&lt;li&gt;&lt;a href="http://domain/categories/Bar-&-Wine/Wine-Glasses/"&gt;Wine Glasses&lt;/a&gt;&lt;/li&gt;

								&lt;/ul&gt;
							&lt;/li&gt;

</div>
</div>
</body>

The vertical menu I have already done, but the animation fading out menu cant work!

Any help would be appreciated!

Joseph