jquery - 响应式导航栏切换无法正常工作

Question

我想请你帮忙。我想让响应式导航栏类似于 Bootstrap 的导航栏，但它没有按我的预期工作。

这里是演示 http://codepen.io/anon/pen/vOodMg

jQuery:

$(document).ready(function() {
  // toggle
  $("#navbar-btn").click(function() {
    $("#navbar-nav").toggle(2000);
  });
});

有什么建议吗？

编辑:上一个问题已修复，但存在响应问题。如果您单击展开链接的按钮，然后再次单击隐藏和调整屏幕大小的链接，则不会出现。那我该怎么办？

Answer 1

删除毫秒

$(document).ready(function() {
  // toggle
  $("#navbar-btn").click(function() {
  $("#navbar-nav").toggle(2000);
  });
});

http://codepen.io/anon/pen/LVwdzW