[javascript] How do I get my accordion to load with all the menus closed?

I'm trying to follow the example here

http://twitter.github.com/bootstrap/javascript.html#collapse

I have placed a mockup here

Loading behavior is strange. It shows Menu1 then collapses it then shows Menu2 and Menu3. I would like everything to open collapsed. I have tried the following without success

$('#accordion').collapse({hide: true})

This question is related to javascript html twitter-bootstrap jquery-events

The answer is

Source: Stackoverflow.com

Examples related to javascript

• need to add a class to an element • How to make a variable accessible outside a function? • Hide Signs that Meteor.js was Used • How to create a showdown.js markdown extension • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Summing radio input values • How to execute an action before close metro app WinJS • javascript, for loop defines a dynamic variable name • Getting all files in directory with ajax

Examples related to html

• Embed ruby within URL : Middleman Blog • Please help me convert this script to a simple image slider • Generating a list of pages (not posts) without the index file • Why there is this "clear" class before footer? • Is it possible to change the content HTML5 alert messages? • Getting all files in directory with ajax • DevTools failed to load SourceMap: Could not load content for chrome-extension • How to set width of mat-table column in angular? • How to open a link in new tab using angular? • ERROR Error: Uncaught (in promise), Cannot match any routes. URL Segment

Examples related to twitter-bootstrap

• Bootstrap 4: responsive sidebar menu to top navbar • CSS class for pointer cursor • How to install popper.js with Bootstrap 4? • Change arrow colors in Bootstraps carousel • Search input with an icon Bootstrap 4 • bootstrap 4 responsive utilities visible / hidden xs sm lg not working • bootstrap.min.js:6 Uncaught Error: Bootstrap dropdown require Popper.js • Bootstrap 4 - Inline List? • Bootstrap 4, how to make a col have a height of 100%? • Bootstrap 4: Multilevel Dropdown Inside Navigation

Examples related to jquery-events

• Failed to load resource: the server responded with a status of 500 (Internal Server Error) in Bind function • Detect Close windows event by jQuery • How to bind Events on Ajax loaded Content? • Get clicked element using jQuery on event? • jQuery click events firing multiple times • jQuery.click() vs onClick • Bootstrap onClick button event • Difference between $(this) and event.target? • Getting the class of the element that fired an event using JQuery • Attaching click event to a JQuery object not yet added to the DOM