title: On click, refocus down to tab not functioning. Any suggestions?
body: <p>On click, refocus down to tab not functioning. Any suggestions? I'm using jQuery of course.</p>
  
  <p>Essentially, I want to refocus down to this tab and open the tab at the same time while refocusing to it.</p>
  
  <p>My code is: <a href="http://jsfiddle.net/S5TRM/" rel="nofollow">here in jsfiddle</a></p>
  
  <p>JS:</p>
  
  <pre><code>$(document).ready(function(){
  
      //Animates Scrolling
      function scrollToAnchor(aid){
          var divTag = $("div[name='"+ aid +"']");
          $('html,body').animate({scrollTop: divTag.offset().top},'slow');
      }
  
      $("#ReadDescription").click(function() {
          scrollToAnchor('longdescreadmore');
      });
  
  });
  </code></pre>
  
  <p>HTML, where I'm trying to focus to:</p>
  
  <pre><code>&lt;div class="tab-pane" id="readmore"&gt;
      &lt;div name="longdescreadmore" id="longdescreadmore"&gt;[[DMI:Property name='LongDescription']][[/DMI:Property]]&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>HTML, tab header:</p>
  
  <pre><code> &lt;li class="readmore"&gt;&lt;a href="#readmore"&gt;Read More&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>HTML, where the click action is taking place:</p>
  
  <pre><code> &lt;h2 id="ReadDescription" class="ReadDescription"&gt;Read More&lt;/h2&gt;
  </code></pre>