<div>
<div class="content wysiwyg-content">
I have a button that will collapse the sidebar menu with a button. But some pages I want it to auto collapse onload. How would I do that?<br />
<br />

<pre><code id="code-10-29022474-1">&lt;button class=&quot;navbar-toggle collapse in&quot; data-toggle=&quot;collapse&quot; id=&quot;menu-toggle-2&quot;&gt; &lt;span class=&quot;glyphicon glyphicon-th-large&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;&lt;/button&gt;</code></pre>
<br />
This is the design I am using:<br />
<a href="http://seegatesite.com/create-simple-cool-sidebar-menu-with-bootstrap-3/" rel="ugc">http://seegatesite.com/create-simple-cool-sidebar-menu-with-bootstrap-3/</a>
</div>
</div>


I have a button that will collapse the sidebar menu with a button. But some pages I want it to auto collapse onload. How would I do that?

(CODE)

This is the design I am using:
http://seegatesite.com/create-simple-cool-sidebar-menu-with-bootstrap-3/

bootstrap collapse

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.