我正在尝试使用 jQuery 折叠和关闭导航元素

Question

我正在尝试使用 jQuery 折叠和关闭导航元素。我正在使用带有 gem coffee-rails 和 4.2.2 gem jquery-rails, 4.3.1 的 rails 5，但 animate 选项没有响应。

$(document).ready(function() {
  $('nav a.mobile_menu').on('click', function() {
    var currentNavHeight = $('nav').height();
    if (currentNavHeight < 6) {
      var newNavHeight = $('nav > ul').height() + 15;
      $('nav').animate({
        'height': newNavHeight + 'px'
      }, 750);
    } else {
      $('nav').animate({
        'height': '0px'
      }, 750);
    }
  });
});

nav {
  padding: 50px 15px 20px 15px;
  background-color: #4b0a0c;
  height: 0px;
  overflow: hidden;
}

Answer 1

你没有使用 jQuery 的 toggle() 方法有什么原因吗？

https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_toggle

https://api.jquery.com/toggle/