title: Getting the elementid value in order to toggle menus
body: <p>I am trying to toggle the content shown on a page given a menu on top using javascript (could do jquery but not really sure how):</p>
  
  <p>javascript</p>
  
  <pre><code>function showhidediv(rad) {
      document.getElementById("general_item").style.display = "none";
      document.getElementById("specific_item").style.display = "none";
      var sectionName = rad.value;
      document.getElementById(sectionName+'_section').style.display = "block"; 
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li value="general" onclick="showhidediv(this);"&gt;General&lt;/li&gt;
    &lt;li value="specific" onclick="showhidediv(this);"&gt;Specific&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>My two sections are #general_section and #specific_section.</p>
  
  <p>It seems like I am not able to get the value of the &lt; li > that was clicked, keeps on giving the value '0'.</p>
  
  <p>Thanks,</p>