滑动不起作用

Question

我需要在左侧的导航选项卡上滑动其内容。但代码不起作用。可能是什么问题。

<ul class="nav nav-tabs nav-stacked"> 
    <li id = "mousehover"> 
     <a style="background-color:#f78144; color: #000; text-align: center;" href="#">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> 

Answer 1

更换

<script type="script/javascript"> 

与

<script type="text/javascript"> 

或只是文本使用

<script> 

Answer 2

<script type = "text/javascript"> 
    $(document).ready(function(){ 
    $("#mousehover").hover(function(){ 
     $("#hovercontent").slideDown("slow"); 
    }); 
    }); 
</script> 

更换脚本/ JavaScript的/ javascript