bootstrap dropdown button trigger from other button

Question

I'm trying to trigger the dropdown button from another button and can't seem to get it to work. jsfiddle

<button type="button" class="btn btn-primary" id="btnFilter">Action</button>
<button type="button" id="btntest" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false" style="display:none;">Action <span class="caret"></span>
</button>

<ul class="dropdown-menu" role="menu">
  <li><a href="#">Action</a>
  </li>
  <li><a href="#">Another action</a>
  </li>
  <li><a href="#">Something else here</a>
  </li>
  <li class="divider"></li>
  <li><a href="#">Separated link</a>
  </li>
</ul>

JS

$(function(){
    $('#btnFilter').on('click', function(){
       $("#btntest").trigger('click');
    });
});

in my case it needs to be display none :(

Andres
– Andres

2015-01-06 00:12:54 +00:00
Commented Jan 6, 2015 at 0:12 — Andres
– Andres, Commented Jan 6, 2015 at 0:12

Jack · Accepted Answer · 2015-01-06 00:12:38Z

1

Add stopPropagation to your button click.

http://jsfiddle.net/cv19ou74/1/

answered Jan 6, 2015 at 0:12

Jack

9,4282 gold badges36 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

bootstrap dropdown button trigger from other button

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related