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")

  • 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!


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.

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.