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

Fix network printer error 0x0000709

When printing in the network, sometimes you see the error "Operation could not be completed (error 0x00000709). Double click the printer name and make sure that the printer is connected to the network".  Here we show how to fix the error: Open Windows Control Panel Open Credential Manager Choose Windows Credentials Click Add a Windows credential Internet or network address: input the computer name which share the printer User name: input "guest" Password: leave it blank Then click OK and reconnect the shared printer Do not need: uninstall Windows updates; change Windows registry... This maybe applied for error: 0x00000005, 0x0000011b... Watch the step by step video on here: