i know of a quick and easy way to have collapsable sections on your site. the only thing is that they will be loaded depending on how the .html is configured. so if your code is set to them being hidden they need to be clicked on to show, or clicked on to hide.
i do not know any code that would remember the settings for each user.
paste this code into somewhere between your <head> and </head>
Code:
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") {
whichpost.className="commenthidden";
}
else {
whichpost.className="commentshown";
}
}
</script>
paste this code into your .css file (or css section in your <head>)
Code:
.commenthidden {display:none}
.commentshown {display:inline}
to use this script you need to do a bit of editing.
any section of text/image/whatever that you want to be collapsable you need to surround with this code:
Code:
<span class="commenthidden" id="ID">
</span>
its class is commenthidden, when the page loads that will be hidden, clicking it will show it. if you want it shown and clicking will hide it then change the class to commentshown
and then the triangle/link that you want to use to collapse/show the text/image/whatever needs to have this code:
Code:
<a href="javascript:togglecomments('ID')">text/link/whatever</a>
Top
