title: Inline css wont toggle, no javascript
body: <p>I am trying to achieve toggle of div using just inline css but its not working. please note that inline css is required no javascript. Thanks guys.</p>
  <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;/head&gt;
  
  &lt;body&gt;
  
    &lt;div&gt;
      &lt;a id="hide1" href="#hide1" class="hide"&gt;+ Expand&lt;/a&gt;
      &lt;a id="show1" href="#show1" class="show" style="display: none;"&gt;- Expand&lt;/a&gt;
      &lt;div class="details" style="display: none;"&gt;
        Content goes here.
      &lt;/div&gt;
  
    &lt;/div&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>