Switch Content Script

[karass]

1) Script Title:
Switch Content Script

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/switchcontent.htm

3) Describe problem:
First of all, I would like to say thanks to whoever wrote this srcript.

Second, does anyone know if there is a way to hide one div if user opens another? In other ways, script should only show one div at the time...

Thanks in advance.

[Twey]

Contract all, then expand one.

[karass]

Yes, that is a way, but I was looking for a way by not allowing a user to open more then one div at the same time.

[Twey]

... which is what I suggested.
<h3 onClick="sweeptoggle('contract');expandcontent(this, 'sc1');" style="cursor:hand; cursor:pointer"><span class="showstate"></span>What is JavaScript?</h3>
<div id="sc1" class="switchcontent">
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>

[karass]

oh, thanks a lot! That was what I needed indeed. just couldn't explain myself properly...

[joannek]

... which is what I suggested.
<h3 onClick="sweeptoggle('contract');expandcontent(this, 'sc1');" style="cursor:hand; cursor:pointer"><span class="showstate"></span>What is JavaScript?</h3>
<div id="sc1" class="switchcontent">
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>
hi

it all works fine except where I insert the class="switchcontent" is where I currently have a css class providing a border for my div

inserting the 'switchcontent' class seems to override my css class ... any ideas would be welcome!

[Twey]

Separate the classes with a space:
<div id="sc1" class="myclass switchcontent">