title: Radio button show and hide div in wordpress
body: <p>I am trying to make a page in wordpress (it is built within wordpress custom page tool in admin interface).</p>
  
  <p>What i want is 3 radio buttons. 2 visable 1 hidden.
  The hidden one should be auto checked so it displays the correct div. (Maybe not needed when i use z-index in css?)</p>
  
  <p>When a user click one of the checkboxes it should hide the another 2 divs and display the correct div (notice they are on the same place on the page).</p>
  
  <p>For some reson i cant get this to work in wordpress. Or if there would be another way of doing the same way i am open for it as well.</p>
  
  <p>CSS:</p>
  
  <pre><code>#apDiv3 {
      position:absolute;
      left:405px;
      top:53px;
      width:485px;
      height:434px;
      z-index:12;
      background-color: #000;
      color: #F00;
  }
  
  #apDiv10 {
      position:absolute;
      left:405px;
      top:53px;
      width:485px;
      height:434px;
      z-index:11;
      background-color: #000;
      color: #F00;
  }
  
  #apDiv11 {
      position:absolute;
      left:405px;
      top:53px;
      width:485px;
      height:434px;
      z-index:11;
      background-color: #000;
      color: #F00;
  }
  
  
  &lt;script&gt;
  $(document).ready(function(){ 
      $("input[name='payway']").click(function() {
  
          var test = $(this).val();
          $(".desc").hide();
          $("#"+test).show();
      }); 
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML/PHP:</p>
  
  <pre><code> &lt;p&gt;
        &lt;input type="radio" name="payway" value="apDiv10"  /&gt;
        pay2
  
        &lt;input type="radio" name="payway" value="apDiv3" checked="checked" style="display:none;"&gt;
  
    &lt;/p&gt;
      &lt;p&gt;
        &lt;input type="radio" name="payway" value="apDiv11" /&gt;
        Pay1
  
      &lt;/p&gt;
  
  
  &lt;div id="apDiv3" class="desc"&gt;
  
  This is the standard div that should be visable
  
  &lt;/div&gt;
  
  
  &lt;div id="apDiv10" class="desc"&gt;
  
  Shows this div when user click on checkbox pay2
  
  &lt;/div&gt;
  
  
  &lt;div id="apDiv11" class="desc"&gt;
  
  Shows when user click checkbox pay1
  
  &lt;/div&gt;
  </code></pre>