ขอสอบถามเรื่องเมนู jQuery ค่ะ มันสามารถทำเมนูให้พับขึ้นได้มั้ยคะ

<div id='cssmenu'>
		<ul>
			<li class='active'><a href='home.php'><span>Home</span></a></li>
			<li class='has-sub'><a href='brand.php'><span>Brand</span></a>
		<ul>
        <?	$sqlT1="select * from brand Order By 	brand_id ASC" ;
			$rstT1 = mysql_db_query($db, $sqlT1);  //Item_Show='A' AND 
			while ($arr_1=mysql_fetch_array($rstT1)){
		?>
			<li><a href=view-brand.php?brand_id=<?=$arr_1[brand_id]; ?>><span>
			<?=$arr_1[brand_name]; ?>
			</span></a> </li>
		<?	}	?>
        </ul>
			<li class='has-sub'><a href='type.php'><span>Type</span></a>
		<ul>
		<?	$sqlT1="select * from type Order By 	type_id ASC" ;
			$rstT1 = mysql_db_query($db, $sqlT1);  //Item_Show='A' AND 
			while ($arr_1=mysql_fetch_array($rstT1)){
		?>
			<li class='has-sub'><a href=view-type.php?type_id=<?=$arr_1[type_id]; ?>><span>
		<?=$arr_1[type_name]; ?>
			</span></a>
		<ul>
		<?	$sqlT2="select * from category where type_id = '$arr_1[type_id]' " ;
			$rstT2 = mysql_db_query($db, $sqlT2);  //Item_Show='A' AND 
			while ($arr_2=mysql_fetch_array($rstT2)){
		?>
			<li><a href=view-cate.php?cate_id=<?=$arr_2[cate_id]; ?>><span>
		<?=$arr_2[cate_name]; ?>
			</span></a></li>
		<?	}	?>
		</ul>
			</li>
		<?	}	?>
		</ul>
			</li>
			</li>
			<li class='has-sub'><a href='howto.php'><span>How to</span></a>
            <ul>
            <li><a href='howtochange.php'><span>Change personal detail</span></a></li>
            <li><a href='howtoorder.php'><span>Order</span></a></li>
            <li><a href='howtopayment.php'><span>Payment</span></a></li>
            <li><a href='howtoshipping.php'><span>Shipping & Delivery</span></a></li>
            </ul>
            </li>
			<li class='last'><a href='contact.php'><span>Contact</span></a></li>
		</ul>
		</div>