Bootstrap dropdown does not close when click on bootstrap tab contents

Question

I am using both of the bootstrap drop downs and tabs. Everything works fine and drop down gets close when I click anywhere on the page except bootstrap tabs. Dropdowns does not close when I click on bootstrap tabs(its name or tab contents). This is probably due to z-index. I could not find its solution and I will appreciate any help. Thanks in advance.

Aisha

http://stackoverflow.com/questions/19715579/twitter-bootstrap-close-collapsible-menu-when-dropdown-menu-is-open/19716863#19716863 - Might be helpful to you. — Trevor, Nov 27 '13 at 18:21
stackoverflow.com/questions/19715579/ is not helpful for me. I am not using collapsible plugin. — aishazafar, Nov 27 '13 at 18:25

score 0 · Answer 1 · answered Nov 27 '13 at 18:24

Without your code it's hard to tell what's happening, but you could try to hack it with jquery:

$('.your_tab_class').on('click', function(){
          $("body").click();
});

With this code, when you click in content with the class .your_tab_class the jquery clicks on body, so If you say that if you click on body it closes the dropdown, it should close this way. Hope this helps

Bootstrap dropdown does not close when click on bootstrap tab contents

1 Answers1