title: Hot to show/hide a <div> by clicking <a> tag when JavaScript is disabled?
body: <p>Use  tag to show/hide div when click when JavaScript is disabled. Tried adjusting following example <a href="https://stackoverflow.com/questions/19170781/show-hide-divs-on-click-in-html-and-css-without-jquery">Show hide divs on click in HTML and CSS without jQuery</a> but that doesn't seem to work.</p>
  
  <p>From this question <a href="https://stackoverflow.com/questions/121203/how-to-detect-if-javascript-is-disabled">How to detect if JavaScript is disabled?</a> i assumed that there isn't a convenient way to check if JS is disabled like:</p>
  
  <pre><code>if(JS is disabled){
       // show &lt;a&gt; tag that words with jQuery to display div
  } else {
      // show label to show/hide div onclick
  }
  </code></pre>
  
  <p>Any ideas will be welcomed.</p>
  
  <p><strong>Question</strong> How to make "a" tag to show a mini login form stored in "div" when JavaScript is disabled. Because when it's enabled it ?</p>
  
  <p>Below is coresponding code of tag "a" and "div".</p>
  
  <pre><code>&lt;ul class="nav nav-bar pull-right" &gt;
  &lt;li class="dropdown" id="menuLogin"&gt;
  
  &lt;a class="dropdown-toggle" href="#" for="_1" data-toggle="dropdown" id="navLogin"&gt;Login&lt;/a&gt;
  &lt;div class="dropdown-menu" style="padding-left:17px; left:-70px; width:200px;"&gt;
      &lt;?php 
          $form_sm = $this-&gt;form_sm;
          $form_sm-&gt;prepare();
          echo $this-&gt;form()-&gt;openTag($form_sm);
      ?&gt;
  
      &lt;dl class="form"&gt;
      &lt;dd&gt;&lt;?php
              echo $this-&gt;formElement($form_sm-&gt;get('email'));
              echo $this-&gt;formElementErrors($form_sm-&gt;get('email'));
          ?&gt;&lt;/dd&gt;
      &lt;dd&gt;&lt;?php
              echo $this-&gt;formElement($form_sm-&gt;get('password'));
              echo $this-&gt;formElementErrors($form_sm-&gt;get('password'));
          ?&gt;&lt;/dd&gt;
      &lt;li class="divider" style="width:78%"&gt;&lt;/li&gt;
      &lt;dd&gt;&lt;?php
              echo $this-&gt;formElement($form_sm-&gt;get('send'));
              echo $this-&gt;formElementErrors($form_sm-&gt;get('send'));
          ?&gt;&lt;/dd&gt;
     &lt;?php echo $this-&gt;form()-&gt;closeTag() ?&gt;      
  &lt;/div&gt;
  
  &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>It uses a Bootstrap3 and Zend Framework components and by clicking "a" tag following line</p>
  
  <pre><code>&lt;li class="dropdown" id="menuLogin"&gt;
  </code></pre>
  
  <p>change to</p>
  
  <pre><code>&lt;li class="dropdown open" id="menuLogin"&gt;
  </code></pre>