Bootstrap nav dropdown menu toggle issue

Question

I have created a nav menu with bootstrap nav. I have added a small jquery code when i press mobile toggle menu it will close automatically and go destination

but if i have drop down menu in nav. this drop menu now not working. when i press dropdown menu parent for expand its close the menu automatically. and i cant check which menu available in drop down menu so i have tried to add a condition. but its not working.

in dropdown menu parent have class called .dropdown-toggle. if this class available it shouldn't be close automatically

if (jQuery(".navbar-collapse a").val() !== '.dropdown-toggle') {
    jQuery('.navbar-collapse a').click(function (e) {
        jQuery('.navbar-collapse').collapse('toggle');
    });
}

And here the html code

<ul class="nav navbar-nav">
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
          </ul>
        </li>
      </ul>

sapna · Accepted Answer · 2016-04-09 17:25:37Z

0

Try this, your parent menu item will work and as well as mobile menu toggle

 <script>
 (function($) {
 jQuery(function($) {
 $('.navbar .dropdown').click(function() {
  $(this).find('.dropdown-menu').first().stop(true, true).slideToggle();
  }, function() {
  $(this).find('.dropdown-menu').first().stop(true, true).slideUp();
  });
  $('.navbar .dropdown > a').click(function() {   

    location.href = this.href;
  });
  });
  })(jQuery);
  </script>

answered Apr 9, 2016 at 17:25

sapna

115 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Bootstrap nav dropdown menu toggle issue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related