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
Post a Comment