Switch Content Script

**karikay3** · 09-07-2004, 03:46 PM

Script: switch content script
http://www.dynamicdrive.com/dynamici...tchcontent.htm

This is a great cross-browser script. I am looking to enhance it by including a "display/hide all" link at the top of the outline. Could you help me out with how I could go about getting this to work.

Thanks
Kari

**ddadmin** · 09-08-2004, 09:23 PM

Edit: This code updated April 2nd, 05' to work with latest version of the script (namely, the state symbols "+" and "-").

Sure. Firstly, add the below function to the code of Step 1:

Code:

function sweeptoggle(ec){
var thestate=(ec=="expand")? "block" : "none"
var inc=0
while (ccollect[inc]){
ccollect[inc].style.display=thestate
inc++
}
revivestatus()
}

With that done, add the below two links somewhere within your visible HTML, which will contract/ expand the entire switch content when clicked on, respectively:

Code:

<!--Optional Expand/ Contact All links. Remove if desired-->
<div><a href="javascript:sweeptoggle('contract')">Contract All</a> | <a href="javascript:sweeptoggle('expand')">Expand All</a></div>

**karikay3** · 09-13-2004, 11:12 AM

That's awesome, exactly what I was looking for. Thank you for your quick response.
Kari

**slayerboyjr** · 03-30-2005, 03:40 PM

Hi,

This question has been answered to create a "Contract All" and "Expand All" feature.

http://www.dynamicdrive.com/forums/s...switch+content

I think this was done before the (+)(-) was an added feature. It works great, but the plus (+) sign doesn't change to a minus (-) sign when I click "Expand All". The content is expanded, it's just the symbols don't change.

Here's the updated version:

http://www.dynamicdrive.com/dynamici...tchcontent.htm

I tried playing with the code, but I couldn't get it.
Any help would be much appreciated.

Thank you

**ddadmin** · 04-02-2005, 06:29 PM

It seems more than a few people have requested a "Expand all" feature, so I'll look at officially updating the script for it. I'll post a heads up if the script is modified for this.

**ddadmin** · 04-02-2005, 07:43 PM

Ok, I've updated the code above to account for the latest version of Switch Content script. The same update can also be found in the official version of the script: http://www.dynamicdrive.com/dynamici...tchcontent.htm

The contact/expand links tie in with the persistence feature, so they're remembered as well.

**slayerboyjr** · 04-06-2005, 07:25 PM

Thank you. This forum is awesome!

**spyr** · 07-03-2005, 02:51 PM

http://www.dynamicdrive.com/dynamici...tchcontent.htm

Hi all. I'm not sure if anyone is still viewing this thread but I was wondering if I could get hand with something.

I use the code at the above url to have content appear on demand. I use it not only for links but for anything I'd like to hide for the mement without having to create a pop up or another page. However, my issue is that I'd like the first expandable content to be viewed right away but once someone clicks on a specified link the first one dissapears and the second appears in its place.

I'm not the most experienced at code but I was trying simply having an onLoad command in the <body> tag something like:

But I didn't have any luck. I've tried putting the assignment in different tags but still no luck. Like I said, I'm far from being experienced. I was hoping that maybe someone might provide some help. It would be greatly appreciated.

**spyr** · 07-03-2005, 03:08 PM

Originally Posted by spyr

http://www.dynamicdrive.com/dynamici...tchcontent.htm

Hi all. I'm not sure if anyone is still viewing this thread but I was wondering if I could get hand with something.

I use the code at the above url to have content appear on demand. I use it not only for links but for anything I'd like to hide for the mement without having to create a pop up or another page. However, my issue is that I'd like the first expandable content to be viewed right away but once someone clicks on a specified link the first one dissapears and the second appears in its place.

I'm not the most experienced at code but I was trying simply having an onLoad command in the <body> tag something like:

But I didn't have any luck. I've tried putting the assignment in different tags but still no luck. Like I said, I'm far from being experienced. I was hoping that maybe someone might provide some help. It would be greatly appreciated.

Never mind! Sorry to waste everyone's time but stupid me just found the answer.