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!

Comments

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.

Integrate blogspot blogger blog with Dot TK free domain

Blogspot or Blogger is a blog service from Google. This service provides us many functions to make a small website as creating a blog, posting, commenting, . . . But there is a thing which might cause you dissatisfy. That's the blog address is too long, like http://www.your-tips-tricks.blogspot.com . If you own a short Dot TK domain , then your problems will be solved.

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.