What is the simplest way to change the Bootstrap menu from dropping down on click, rather than on hovering?
sample url: http://riverc.mgns.se
Can this be achieved via bootstrap, purely by CSS or a bit of JavaScript?
1
-
Wait, I'm confused. Do you want it to drop down when clicked, or when hovered? You're talking about twitter.github.com/bootstrap/javascript.html#dropdowns , right?Ian– Ian2013-03-20 05:24:36 +00:00Commented Mar 20, 2013 at 5:24
Add a comment
|
2 Answers
Add this line in your javascript code:
$('.dropdown-toggle').dropdownHover();
2 Comments
user991830
mmm... just tried on another site and get "Uncaught TypeError: Object [object Object] has no method 'dropdownHover' " I place it in my <head>
MarmiK
Add jQuery in your head first then in
<script type="text/javasccript"> tag you will palce the above code :)In twitter bootstrap dropdown, the dropdown is controlled by css so click like process cnt be done using css, so you have to use javascript or jquery for this...
Idea is that use two class for that toggle,
.off { display:none; }
.on { display:block; }
Develop your script with the help of this, http://api.jquery.com/toggleClass/
3 Comments
user991830
Ok... so I have a class of class="dropdown parent" on my li for the dropdown - how would I make this onclick via jQuery?
SaurabhLP
yes, but make sure the element you click and element you want to toggle class must have unique id...
user991830
ok... so I have it working where the dropdown stays down when clicked, but still drops down when hovered - jQuery('.dropdown-toggle').dropdown(); I need to take away the onhover - ideas?