Question

我想在我的代码中设置子类别的动画： code 通过显示它，当我进入类别名称。但它不起作用。

<script>
$(document).ready(function(){

 $("#m").hover(
   function () {
       $(this).children('ul').show();
      },
      function () {
        $(this).children('ul').hide();
      }
   );

});
</script>

有什么问题？
我该如何解决？

Answer 1

你正在寻找#m元素的孩子（ul），但是没有这样的孩子

您可能希望将隐藏的<ul>放入ID为li的{{1}}

所以只需改变

到

  <li id="m"><a href="#">Fine Photographs</a></li>
  <ul  class="hide">
    <li><a href="catalog_photographs_19.php" style="margin-left:2cm; width: 2cm;" >19th century </a></li>
    <li><a href="catalog_photographs_20.php" style="margin-left:2cm; width: 2cm;"  >20th century </a></li>
  </ul>

通过隐藏和显示动画子类别

1 个答案: