title: How to show a div on click of an li element using css?
body: <p>Using CSS, is there any way to show a div which is there inside an li element? i don't wanna use any javascript for this.</p>
  
  <p>here is my sample code for this.</p>
  
  <pre><code>&lt;ul&gt;
     &lt;li id="help"&gt;
        Help
          &lt;div id="helpContainer"&gt;
             This is the help text content
          &lt;/div&gt;
     &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#helpContainer
  {
  display:none;
  }
  </code></pre>
  
  <p>here it is, i wanna display helpContainer div on click of li(id=help)</p>