Skip to main content

Show/Hide content on your website/blog



You post some information on the website/blog to share with everyone. Sometimes the post is too long, so you may need to shorten them. Hiding some long parts of posts is a useful way.



  • Config: open your site html template, insert below code before tag


<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="shown")
{
whichpost.className="hidden";
}
else
{
whichpost.className="shown";
}
}
</script>


  • Useage: go to where you want to hide content


      • Create show/hide control: insert below code before the content



    <input onclick="javascript:togglecomments('ID_HERE')" type="submit" value="Show/hide content" />



      • Surround the content with this tag:



    <div id="ID_HERE" class="hidden" style="text-align: justify;">Content here</div>



Wish succeed!
Labels:

Comments

Post a Comment

Popular posts from this blog

Turn off AutoPlay on Windows

On Windows, when you insert an USB or a CD/DVD into your computer, they are usually opened automatically. So the computer maybe infected autorun virus. To avoid that, you should turn off AutoPlay function.
Post a Comment
Read more

Create Wordpress page template

When creating a new page in Wordpress, we usually have a choice for the page template. It's call Default template . However, we sometimes need to make a new page with a new appearance. Then another page template is needed. Instead of downloading a shared page template from internet, we can create a new page template by below instructions.
2 comments
Read more