javascript - slideToggle 不在表格上设置动画

Question

我的头上有一张 table 当我点击按钮时我有一个按钮 我希望表格行向下滑动 因为我使用了 slideToggle();但这不起作用，而不是它只是显示和隐藏的平滑滑动效果我尝试了 slideToggle('slow') & slideToggle(500) 但它没有工作

JSFiddle

$(document).ready(function()
{   

$("#submenu").hide();

$("#mbtn").click(function(){
    $("#submenu").slideToggle(500);
});

});

Answer 1

slideToggle 不适用于表格元素。好消息是，您不需要表格来构建菜单，事实上，这就是我们以更语义化的方式进行操作的方式:

<nav class="menu">
  <span class="btn">Menu</span>
  <ul>
   <li><a href="">Projects</a></li>
   <li><a href="">Contributors</a></li>
   <li><a href="">Contact us</a></li>
  </ul>
</nav>

您还可以传递动画的 javascript，并使用 CSS 动画。查看this example .