jQuery/JavaScript toggle button to add Inline styles
<p>How to create a toggle button to add inline styles? </p>

<p>For example in this simple structure i want to make a toggle button to show or hide the div 
I do not want to add a class name or using only <strong><em>.show()</em></strong> and <strong><em>.hide()</em></strong> in jQuery</p>

<p>I need it to be Inline style for example If i toggle the button i want it to add this style</p>

<pre><code>style="display:block color:red;"
</code></pre>

<p>and if you toggle again </p>

<pre><code>style="display:none"
</code></pre>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button&gt;toggle&lt;/button&gt;

&lt;div&gt;blah bla blah&lt;/div&gt;</code></pre>
</div>
</div>
</p>