javascript - 滑动不工作

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