Drop Down Menu using Bootstrap

[astrada]

Hey ppl
This issue almost gave me headache.
I used mambolines code just tweaked it a bit

Code: Select all

 (function($){   
    $(document).ready(function(){
      // dropdown
      $('.parent').addClass('dropdown');
    $('.parent > a').addClass('dropdown-toggle');
    $('.parent > a').attr('data-toggle', 'dropdown');
     $('.parent > a').append('<span class="caret"></span>');
	 $('.parent > ul').addClass('dropdown-menu');
	 $('.parent > ul').attr('role','menu');
    jQuery('ul.dropdown-menu li.dropdown a.dropdown-toggle').hover(
              function () {
                jQuery('ul.dropdown-menu li.dropdown').removeClass('open');
                jQuery(this).parent().addClass('open');
              }
          );
        });
  })(jQuery);

And I had to take bootstrap dropdown js from git and i used it like this

Code: Select all

$doc->addScript($this->baseurl . '/media/jui/js/bootstrap-dropdown.js', 'text/javascript');

And then i went to menu manager - edit menu item- external url, and in link field i put ##.
Not one #, that wouldnt work, but two.

[krishunt]

I was able to get my dropdown menus working with this code:

Code: Select all

<skript type="text/javascript">
    jQuery(document).ready(function(){
       jQuery('.navbar .parent').addClass('dropdown');
       jQuery('.navbar .parent > a').addClass('dropdown-toggle');
       jQuery('.navbar .parent > a').attr('data-toggle', 'dropdown');
       jQuery('.navbar .menu > .parent > a').append('<b class="caret"></b>');
       jQuery('.navbar .parent > ul').addClass('dropdown-menu');
   });
</skript>

But when I expand a parent menu in mobile mode, I cannot collapse it again by tapping the menu item a second time. Anybody know of a fix for this?