title: jquery radio button show / hide
body: <p>Ive got 3 radio button.<br>
  *if Email button is clicked will only show the email textbox<br>
  *if collection is clicked will only show the collection textbox and hide the other divs. how do i do that?
  the code below seems only show but not hide after change!</p>
  
  <pre><code>&lt;input type="radio" name="d_method" class="c_email"/&gt;Email   
  &lt;input name="d_method" type="radio" class="c_collection"/&gt;Colletion 
  &lt;input name="d_method" type="radio" class="c_post"/&gt;Post
  </code></pre>
  
  <p>and 3 hidden div with id:</p>
  
  <pre><code>&lt;div id="c_email" style="display:none;"&gt;
    email textbox
  &lt;/div&gt;
  &lt;div id="c_collection" style="display:none;"&gt;
    collection textbox
  &lt;/div&gt;
  &lt;div id="c_post" style="display:none;"&gt;
    post textbox
  &lt;/div&gt;
  </code></pre>
  
  <p>and jquery:</p>
  
  <pre><code>$('.c_email').change(function() {
          $('#c_email').stop().fadeIn();
      }, function(){
          $('#c_email').stop().hide();
      })
      $('.c_collection').change(function() {
          $('#c_collection').stop().fadeIn();
      }, function(){
          $('#c_collection').stop().hide();
      })
      $('.c_post').change(function() {
          $('#c_post').stop().fadeIn();
      }, function(){
          $('#c_post').stop().hide();
      })
  </code></pre>