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

Install and play Pokemon Go on unsupported device

Pokemon Go is great mobile game for smart devices (Android, iOS...). Many people can install and play it normally. However, some device has not been supported yet (Intel inside smartphone: Asus Zenfone, Dell Veune, ...; Windows Phone devices...). Here we show you how to play it in all your devices. For Android devices: Enable “Unknown sources” in the settings. Download Pokemon Go app setup:  Link 1  / Link 2   Open the downloaded file to install app. Enable all the settings when promted. Now you can open and run Pokemon Go to catch 'em. ... That's all. Wish succeed!
Post a Comment
Read more

Access Facebook.com with Google DNS and hosts file

Facebook is now the most popular social network. You have many friends and many informations which need to be check on it. But a day, you can't access Facebook or can't post an image. You can resolve this problem by simple steps:
Post a Comment
Read more