<div>
I was trying here to do something like this but no success.<br />
Thx mate for helping
</div>


I was trying here to do something like this but no success.
Thx mate for helping

<div>
<div class="content wysiwyg-content">
<pre><code id="code-10-28987952-1">&lt;button class=&quot;btn btn-default&quot; data-toggle=&quot;collapse&quot; data-target=&quot;#demo&quot;&gt;More tools&lt;/button&gt;

&lt;div id=&quot;demo&quot; class=&quot;collapse col-md-12&quot; style=&quot;color: white; background-color: grey;&quot;&gt;
Some tools here
&lt;/div&gt;</code></pre>
<br />
As you can see, i am using my button to toggle my div. &nbsp; &nbsp;<i><b> (using Bootstrap toggle )</b></i><br />
<br />
It is working, the problem is that when i change page my toggle div closes.<br />
I want to keep it open, only close when user click close.<br />
I think that i should use localstorage.<br />
What is the best option for this?
</div>
</div>


(CODE)

As you can see, i am using my button to toggle my div.     (using Bootstrap toggle )

It is working, the problem is that when i change page my toggle div closes.
I want to keep it open, only close when user click close.
I think that i should use localstorage.
What is the best option for this?

How to let div toggle even if i refresh page

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

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.