Home » , , » Show/Hide Contents

Show/Hide Contents










How to Implement to your blog?
Log in to your Blogger account
Go to "Design" > "edit html"
Find this piece of code
</head>
Immediately Before that paste this code
<style type="text/css">
.commenthidden {display:none}
.commentshown {display:inline}
</style>
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

How to use on your post?
<a aiotitle="" href="javascript:togglecomments('hideshowdemo')">+/- Click Here to Expand and Collapse</a>
    <div class="commenthidden" id="hideshowdemo"><ul>
    <li><a href="Your Url">Link Name</a></li>
    <li><a href="Your Url">Link Name</a></li>
    <li><a href="Your Url">Link Name</a></li>
    </ul></div>
Change The Url and Link Name With your Own...
Share this games :

0 comments:

Post a Comment

Sign up for FREE daily Updates.