I use bootstrap 3 and I have menu. Also I use superfish.js for menu. It works but it shows dropdown menu on hover,
but I want to show dropdown menu on click.
My html:
<div id="navbar-collapse-menu" class="collapse navbar-collapse">
<ul id="menu-testing-menu" class="nav navbar-nav sf-js-enabled" style="touch-action: pan-y;">
<li class="menu-item menu-item-has-children dropdown">
<a class="sf-with-ul" data-toggle="dropdown">Home</a>
<ul class="dropdown-menu" style="display: none;">
<li class="menu-item">
<a href="#">Lorem Ipdum</a>
</li>
<li class="menu-item">
<a href="#">Lorem Ipdum</a>
</li>
<li class="menu-item">
<a href="#">Lorem Ipdum</a>
</li>
</ul>
</li>
</ul>
</div>
My js:
$("#menu-testing-menu").superfish({
delay: 100,
animation: {
opacity: 'show',
height: 'show'
},
speed: 'normal',
cssArrows: false
});
My css:
li.menu-item.dropdown:hover .dropdown-menu {
visibility: visible;
}
So is it possible to show dropdown menu on click?