Щелкните вкладки и вкладки в выпадающем списке начальной загрузки

Question

Я пытаюсь создать пользовательский бутстрап «select», который может отображать вкладки вместо простого списка. Поэтому я включил вкладки html в выпадающем меню, который отлично работает. Проблема в том, что я не могу переключать вкладки или нажимать на них содержимое без закрытия всплывающего окна. Конечно, я могу добавить stopPropagation на клик, который предотвратит скрытие выпадающего списка, но затем события для вкладок и содержимого с вкладками также не будут распространяться. Кто-то наткнулся на это и имеет чистое решение?

Runnable демо: http://plnkr.co/edit/YebYGXvjufHKwjvTBOl8

Answer 1

Добавьте этот сценарий

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(document).on('click', '.nav', function (e) { 
      $(this).hasClass('open') && e.stopPropagation(); 
     }); 
    });   
</script> 

Добавить open класс в nav

<ul role="tablist" class="nav nav-tabs open"> 

DEMO