title: Readmore button taking user to top of the page
body: <p>I am facing problem here . when user clicks read more button then more content is appearing but its taking user to top of the page  , to see a more content the user has to come down the page again .</p>
  
  <p>Can we avoid this ?</p>
  
  <p>Here is my code  </p>
  
  <pre><code>&lt;!--lot of other content in the page --&gt;
  &lt;h1&gt;Example text&lt;/h1&gt;
  &lt;p &gt;example content.&lt;/p&gt;&lt;a href="#" onclick="show('example1')"&gt; Read more &lt;/a&gt;
  &lt;p id="example1" style="display:none; font-weight: bold"&gt;more text will appear here.&lt;/p&gt;
  
  &lt;script&gt;
   function show(ele){
       document.getElementById(ele).style.display = 'block';   
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>any help</p>