title: jQuery/JavaScript toggle button to add Inline styles
body: <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>