sliding not working

[Shiboku]

I need the navigation tab on the left side to slide down its contents on hover. But the code is not working. What might be the problem.\[code\] <ul class="nav nav-tabs nav-stacked"> <li id = "mousehover"> <a style="background-color:#f78144; color: #000; text-align: center;" href="http://stackoverflow.com/questions/14064977/#">Time Table</a> </li> </ul> <div id = "hovercontent"> Contents 1 </div><script type = "script/javascript"> $(document).ready(function(){ $("#mousehover").hover(function(){ $("#hovercontent").slideDown("slow"); }); });</script>\[/code\]