javascript - Show dropdown menu using external control -



javascript - Show dropdown menu using external control -

how create bootstrap dropdown appear when ajacent button pressed?

i have tried every combination of:

$('#branchtoggle').trigger('click.bs.dropdown').dropdown('toggle'); $('#branchtoggle').parent().addclass('open') $('#branchtoggle').next().show()

but can't work.

my html is:

<div class="btn-group"> <button id="activebranchfilterbtn" type="button" class="btn btn-default btn-sm btn-149">branch</button> <button id="branchtoggle" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">toggle dropdown</span> </button> <ul id="branchfilter" class="dropdown-menu" role="menu"> <?php foreach ($branchlist $branchdata) { ?> <li data-branch-id="<?php echo $branchdata->id;?>" data-branch-name="<?php echo $branchdata->name;?>"><a href="#"><?php echo $branchdata->name;?></a></li> <?php } ?> </ul> </div>

to clarify, want list show if "branch" button pressed, if clicked normal trigger button.

if want drop-down open on click of "branch" button, this

$('#activebranchfilterbtn').on("click", function(){ $('ul.dropdown-menu').toggle(); });

jsfiddle

if drop-down when clicked anywhere on finish block(either of buttons), this

$('.btn-group').on("click", function(){ $('ul.dropdown-menu').toggle(); });

jsfiddle

i guess sec 1 need.

update: class="open" toggled on .btn-group when dropdown trigger given button data-toggle="dropdown" attribute. add together attribute first button(branch) , go. check this fiddle. hope helps.

javascript jquery html css twitter-bootstrap

Comments

Post a Comment

Popular posts from this blog

model view controller - MVC Rails Planning -

model view controller - MVC Rails Planning - i'm starting rails , i'm building app stores films info, user can watch film , give grade on web application. i have coded cinema model, controller , views. now, have 2 questions: should need create model , controller grading? in case, should create or should wait , create first users model , controller? yes, on model , controller grades. that'd feasible way maintain track of who's graded what. it's create first, i'd start users, since grades depend on both films , users. ruby-on-rails model-view-controller
Read more

ruby on rails - Devise Logout Error in RoR -

ruby on rails - Devise Logout Error in RoR - while using devise in ror, encountering unusual error when trying log out url different root url. displays me : actioncontroller::invalidauthenticitytoken in devise::sessionscontroller#destroy" for illustration if rooting path after log in '/structure', , seek log out '/general' error, while logging out '/structure' fine. any help highly appreciated. ruby-on-rails ruby devise
Read more

html - Submenu setup with jquery and effect 'fold' -

html - Submenu setup with jquery and effect 'fold' - i want open submenu jquery effect fold, problem if user "hover effect" fast menu remain open, how can avoid this, jquery code is: $('ul.mainmenu li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $(this).children('ul').hide('fold', 500); } ); my jsfiddle link is: http://jsfiddle.net/9wkbf/ updated fiddle the reason behind problem is, first event $(this).children('ul').show('fold', 570); queued , until completes, sec animation not start. the next snippet can workaround $('ul.mainmenu > li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $('ul:not(.mainmenu)').hide('fold', 500); } ); *important note : work current scenario. jquery html css
Read more