javascript - jQuery 切换和动画与 1.9.1 及更高版本不兼容？

Question

我正在尝试复制 WordPress 仪表板上的显示/隐藏功能，您可以在其中单击按钮并显示附加的 div。我一直在努力用幻灯片动画在 jQUery 中做到这一点，我意识到把它搞砸的是 jquery 版本。

我使用的是最新的 foundation 6 框架，它使用的是最新的 jquery 版本，即 v2.1.4。

请see my jsfiddle并更改 jquery 的版本，切换 div 的按钮将消失。放置一个 display: block !important 并没有起到作用，它不会切换 div。

所以我的问题是为什么它不能在更高版本的 jquery 上运行？而且，如果我可以使用 1.7.1 版本的 jQuery，我不确定新的基础框架有什么要求。不知道以后能不能用低版本就好了。

    $(function() {
      $("#screen-btn").toggle(function() {
        $('.screen-meta').animate({
          height: '150'
        });
      }, function() {
        $('.screen-meta').animate({
          height: '20'
        });

      });
    })

Answer 1

      $(function() {
        $("#screen-btn").click(function() {

          $('.screen-meta').slideToggle("slow");

        });
      })

我一直在寻找 slidetoggle 功能。

http://jsfiddle.net/vanduzled/5800rLrn/12/