Javascript侧栏错误 - 单击侧栏按钮之前显示侧栏

Question

JavaScript切换按钮无效。

当我调整屏幕大小时，它已经被激活。

注意：如果您不了解，请在http://www.createchhub.com查看 并调整屏幕大小。

Navbar是下拉列表，但是当我点击按钮时我希望它下拉。

<script>
    $(document).ready(function() {
        $('body').addClass('js');
        var $menu = $('#menu'),
            $menulink = $('.menu-link');

        $menulink.click(function() {
            $menulink.toggleClass('active');
            $menu.toggleClass('active');
            return false;
        });
    });
</script>

Answer 1

问题：您在文档就绪时调用了切换方法。这就是为什么在doc准备就绪时会自动打开它的原因。

解决方案：试试这个，它符合您的要求。

<强>使用Javascript：

<script >

$(document).ready(function() {
  $('body').addClass('js');
  var $menu = $('#menu'),
  $menulink = $('.menu-link');
});

$menulink.click(function() {
  $menulink.toggleClass('active');
  $menu.toggleClass('active');
  return false;
});
</script>

<强> HTML

<a href="#menu" class="menu-link">Menu</a>