title: How to stop page going to top when clicking different tabs in jquery vertical tab
body: <p>example here: <a href="http://www.bajistech.info/tiltindicators.html#TiltWatch-Plus1" rel="nofollow">http://www.bajistech.info/tiltindicators.html#TiltWatch-Plus1</a></p>
  
  <p>Full Code:</p>
  
  <p>$(document).ready(function(){</p>
  
  <pre><code>    if (
          $('ul#verticalNav li a').length &amp;&amp;
          $('div.section').length
      ) {
          $('div.section').css( 'display', 'none' );
          //$('ul#verticalNav li a').each(function() { // no need for each loop
          $('ul#verticalNav li a').click(function() { // Use $('ul#verticalNav li a').click
              showSection( $(this).attr('href') );
          });
          //});
          if(window.location.hash) // if hash found then load the tab from Hash id
          {
             showSection( window.location.hash);// to get the div id
          }
          else // if no hash found then default first tab is opened
          {
              $('ul#verticalNav li:first-child a').click();
          }
      }
  });
  </code></pre>