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!