jquery - Bootstrap 3 Dropdown - SlideToggle Effect on Dropdown Menu Open and Close -
how can apply slidetoggle effect dropdown menu bootstrap?
if click on dropdown should slidedown, , clicking outside should slideup...
fiddle
html
<div class="btn-group" role="group" aria-label="..."> <div class="btn-group" role="group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">dropdown <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">dropdown link</a></li> <li><a href="#">dropdown link</a></li> </ul> </div> </div>
add jquery demo
$('#ddl').click(function(e){ e.stoppropagation(); if ( $( "ul" ).is( ":hidden" ) ) { $( "ul" ).show( "slow" ); $("ul").addclass("ex"); } else { $( "ul" ).slideup(); } }); $(window).on('click', function(e) { $( "ul" ).slideup(); });
Comments
Post a Comment