Bootstrap nav выпадающее меню toggle issue

Question

Я создал навигационное меню с бутстрапом nav. Я добавил небольшой код jquery, когда я нажимаю мобильное меню переключения, оно автоматически закрывается и отправляется в пункт назначения

, но если у меня выпадающее меню в nav. это меню перетаскивания теперь не работает. когда я нажимаю выпадающее меню родителя для его автоматического закрытия. и я не могу проверить, какое меню доступно в выпадающем меню , поэтому я попытался добавить условие. но он не работает.

В выпадающем меню родительский класс имеет класс .dropdown-toggle. если этот класс доступен не должно быть близко автоматически

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

А вот HTML код

<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> 

Answer 1

Попробуйте это, ваш пункт меню родитель будет работать и как мобильный переключатель меню

<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>