Bootstrap 3 Open Drop Down on page load with Javascript

Question

I can't seem to open this dropdown menu on page load. Can anyone help? Documentation on Bootrap 3 is here: http://getbootstrap.com/javascript/#dropdowns

I tried this but it doesn't seem to work

$('#myDropdown').dropdown()

Ultimately, I need to be able to open a drop down that is inside a collapsible menu. For example, I want to open the first down down menu after the user clicks on the menu button. but I can't get it to work.

http://jsfiddle.net/G4k4F/3

Edit: When the navbar is shown, use a timer to wait 1 millisecond before calling .dropdown('toggle'). Like this.

function OpenDropDown() {
    $('.dropdown-menu').dropdown('toggle');
};

$('.collapse.navbar-collapse').on('show.bs.collapse', function () {
    window.setTimeout(OpenDropDown, 1);
});

Jérôme Teisseire · Accepted Answer · 2014-02-04 21:22:13Z

5

try this :

$(function () {
  $('.dropdown-menu').dropdown('toggle');
});

answered Feb 4, 2014 at 21:22

Jérôme Teisseire

1,5461 gold badge16 silver badges26 bronze badges

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

1 Comment

duyn9uyen Over a year ago

Why doesn't that work when trying to open a drop down that is inside of a collapsible container? jsfiddle.net/G4k4F/3

Carol Skelly · Accepted Answer · 2014-02-04 21:38:59Z

0

Try this..

$(function () {
    $('[data-toggle="dropdown"]').dropdown('toggle');
});

Or you can use the button id like:

 $('#dLabel').dropdown('toggle');

answered Feb 4, 2014 at 21:38

Carol Skelly

364k92 gold badges741 silver badges651 bronze badges

Collectives™ on Stack Overflow

Bootstrap 3 Open Drop Down on page load with Javascript

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related