Programmatically toggle bootstrap 3 navigation bar

Question

I am using few items in my bootstrap 3 navigation bar grouped in like below:

Answer 1

add custom class to toggle navbar (me-toggle) so toggle variable with true value :

   
        
         4 



       

              

                
You have7 New Messages
                view all
                
                

                    item 1
                
                

                    item 2
                
     

then in click navbar event :

toggle: true;
    $('a.me-toggle').click(() => {
          toggle = !toggle;
        });

        $('.dropdown').on({
          "click": function(event) {            
          },
          "hide.bs.dropdown": function(event) {
            return toggle;
          }
      });