title: jQuery click toggle
body: <p>I'm trying to get my head around this but I can't seem to. Basically, I am trying to create a list where #one will be shown and #two will be hidden, when #one is hovered over then #two will slide down and if you click on it then it will be selected and #one will be hidden and vice versa...Can you help me please?</p>
  
  <pre><code>&lt;div class="sort"&gt;
   &lt;div id="one"&gt;&lt;/div&gt;
   &lt;div id="two"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  $('.sort #one').click(function(){
    $('.sort #one').toggle(function(){
      $(this).animate({ top: '30px' }, 100, "linear");
    });
  });
  </code></pre>