Javascript: Add 'Read More' Links to Articles

This type of Setting in your article body is very helpful to show entire article without reloading whole page. It maintains simplicity of your blog.

There is an easy way to add 'Read More' Link to your posts. Look at this Example:

<i><script> function ReadMore(){ document.getElementById('Content').style.display='block'; document.getElementById('Button').style.display='none';} </script><br> <br> <h1>Post Heading </h1><p>Small Description about this post</p><a onclick="ReadMore();" id="Button" style="color:blue;cursor:pointer;">Read More</a><br> <div id="Content" style="display:none">body (Contents) of your article </div><br> </i>

The Result may be like this:

Post Heading Small Description about this post Read More Body (Contents) of your article

You may also read:
Hide Navigation Bar from your Blog
Javascript: Avoid Repeated use of HTML Tags
Create Stylish Active Buttons in CSS
Javascript: Get Source Code of Current Web Page
How to sho HTML codes on a webpage

js div, read more link, web design