You can always manually add CSS that hides the expandable contents. Lets say you have the following two contents:
Code:
<h3 id="bobcontent1-title" class="handcursor">What is JavaScript?</h3>
<div id="bobcontent1" class="switchgroup1">
JavaScript is a scripting language originally developed by Netscape to add interactivity
and power to web documents. It is purely client side, and runs completely on the client's browser and computer.
</div>
<h3 id="bobcontent2-title" class="handcursor">Difference between Java & JavaScript?</h3>
<div id="bobcontent2" class="switchgroup1">
Java is completely different from JavaScript.
The former is a compiled language while the later is a scripting language.
</div>
Inside the HEAD section of your page, you'd target the "switchgroup1" class:
Code:
.switchgroup1{
display:none;
}
Bookmarks