show hide menu jquery

tambahkan kode berikut diantara tag head

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
function showHide(control,view){
$(view).toggle("slow");
}
</script>

jangan lupa donlot frameworkd jquery-nya

tambahkan kode ini di antara tag body

<table widht="200px">
<tr id="tours" onclick="showHide(this,document.getElementById('childTour'))" style="cursor:pointer;">
<td height="30px;" bgcolor="#DD137B">&nbsp;&nbsp;&nbsp;<span class="style2">TOURS</span></td>
</tr>
<tr>
<td><div id="childTour" style="display:none;"><ul class="style3">
<li><a href="#" class="lin">Domestic Tours</a></li>
<li><a href="#" class="lin">International Tours</a></li>
<li><a href="#" class="lin">Honeymoon</a></li>
<li><a href="#" class="lin">Golf Tours</a></li>
<li><a href="#" class="lin">Religious Tour</a></li>
</ul></div></td>
</tr>
</table>