title: Give an anchor tag multiple functions - HTML
body: <p>In my webpage I have multiple anchor tags and I have assigned them to scroll to the top of the page when clicked. How would I make them scroll up then also redirect to the page in the href, in that order? </p>
  
  <p>JSFiddle - <a href="http://jsfiddle.net/TkdMJ/" rel="nofollow">http://jsfiddle.net/TkdMJ/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;a href="javascript:void(0)" onClick="goToByScroll('translation_list')"  href="VideoPages/Azeri/Heydər Oğuzun1-ci hissə.html"&gt;
          &lt;li&gt;
        &lt;img src="../Images/Article Images/GuliyevFace14.png" class="li-image" /&gt;
          &lt;h3 class="li-header"&gt;Heydər Oğuzun Rəsul Quliyevlə Müsahibəsi - 29 İyul 2012, 1-ci hissə&lt;/h3&gt;
  
           &lt;p class="li-text"&gt;Yayımlanıb on Aug 1, 2012 - Rəsul Quliyev&lt;/p&gt;
          &lt;p class="li-text"&gt;Heydər Oğuzun Rəsul Quliyevlə müsahibəsi - 29 İyul 2012, 1-ci hissə Heydar Oguz's Interview with Rasul Guliyev on July 29, 2012, Part 1
   &lt;/p&gt;
         &lt;/li&gt;
           &lt;/a&gt; 
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>function goToByScroll(id){
          $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
  }
  </code></pre>