Я пытаюсь свернуть и закрыть элемент навигации с помощью jQuery

Question

Я пытаюсь свернуть и закрыть элемент nav с помощью jQuery. Я использую rails 5 с gem coffee-rails и 4.2.2 gem jquery-rails, 4.3.1, но опция 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

По какой причине вы не используете метод toggle () в jQuery?

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

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