Forums / Craftwork / Client-side / help please

$(document).ready(function(){

	$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)

	$("ul.topnav li span").click(function() { //When trigger is clicked...

		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() {
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});

});      

ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 1100px;
	background: #222;
	font-size: 12px;
	background: url(img/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
    
}
ul.topnav li a{
	padding: 10px 5px;
	color: #bfbfbf;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(img/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 13px;
	height: 35px;
	float: left;
	background: url(img/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 0px solid #222222;   
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
    border: 1px solid #222222;   
}


html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(img/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(img/dropdown_linkbg.gif) no-repeat 10px center;
    

<ul class="topnav">
<li><a href="#">&nbsp;&nbsp;&nbsp;</a></li>
    <li><a href="index.php">Home</a></li>
<li><a href="#">&nbsp;|&nbsp;</a></li>
<li><a href="forums.php">Forums</a></li>
<li>
        <a href="plug.php?e=faq">Intelligence</a>
        <ul class="subnav">
<span>
            <li><a href="plug.php?e=contactus">Contact Us</a></li>
            <li><a href="plug.php?e=faq">F.A.Q</a></li>
            <li><a href="plug.php?e=faq&q=1">Recruitement</a></li>
            <li><a href="list.php?c=ranks">=XE= Ranks</a></li>
        </ul>
</span></li>
<li><a href="users.php">Members</a></li>
<li><a href="#">&nbsp;|&nbsp;</a></li>
 <li>
        <a href="#">Media</a>
        <ul class="subnav">
<span>
            <li><a href="plug.php?e=gallery">Image Gallery</a></li>
            <li><a href="http://www.x-ecutionerz.com/clangallery/" target="_blank">Clan Gallery</a></li>
            <li><a href="list.php?c=art">Art & images</a></li>
        </ul>
</span></li>
    <li>
        <a href="#">Video</a>
        <ul class="subnav">
<span>
            <li><a href="list.php?c=xemovies">Clan Videos</a></li>
            <li><a href="list.php?c=gmovies">Game Trailer</a></li>
            <li><a href="list.php?c=movierev">Movie Trailers</a></li>
        </ul>
</span></li>
<li><a href="list.php?c=links">Links</a></li>
<li><a href="#">&nbsp;|&nbsp;</a></li>
<li><a href="page.php?id=98">Servers</a></li>
<li>
        <a href="plug.php?e=xsccs&a=roster">Roster</a>
        <ul class="subnav">
<span>
            <li><a href="plug.php?e=xsccs&a=game">Games</a></li>
            <li><a href="plug.php?e=xsccs&a=squad">Squads</a></li>
            <li><a href="plug.php?e=xsccs&a=match">Matches</a></li>
            <li><a href="plug.php?e=xsccs&a=challenge_us">Challenge Us</a></li>
            <li><a href="plug.php?e=xsccs&a=signup">Sign Up</a></li>
        </ul>
</span></li>

<li>
        <a href="plug.php?e=faq">Stats</a>
        <ul class="subnav">
<span>
            <li><a href="http://www.x-ecutionerz.com/bc2stats/index.php" target="_blank">Bad Company 2</a></li>
            <li><a href="plug.php?e=faq">CoD: Black Ops</a></li>
        </ul>
</span></li>
    <li><a href="#">&nbsp;|&nbsp;</a></li>
    <li><a href="plug.php?e=donations">Support Us</a></li>
</ul>