title: jQuery vertical tabs
body: <p>I am following this tutorial: <a href="http://mehdi.biz/blog/2010/02/05/vertical-tabs-for-jquery-lovers/" rel="nofollow">http://mehdi.biz/blog/2010/02/05/vertical-tabs-for-jquery-lovers/</a></p>
  
  <p>I modified the script so it changes the content using <code>click</code>.</p>
  
  <pre><code>jQuery(function($) {
      var $items = $('#vtab&gt;ul&gt;li');
      $items.click(function() {
         $items.removeClass('selected');
         $(this).addClass('selected');
  
         var index = $items.index($(this));
         $('#vtab&gt;div').hide().eq(index).show();
      }).eq(index_obtained_from_the_querystring).click();
  });
  </code></pre>
  
  <p>I am trying to hide the <code>#vtab&gt;div</code> and to show it only when the user clicks the <code>li</code>, and hide it again on <code>mouseover</code> or somehow. I just cant make it work!</p>