Allen

Make sure the css for your divs are set to:

#yourDivIds {display: block;}

Allen

I am using 13 instances, Thirteen has different texts

Please any help will the highly appreciated

To start with the divs collapsed, simply edit your CSS so that the divs are hidden:

#mydivId {
display: none;
}

That should do it!


function change(link) {
var th = document.getElementsByTagName("img");
for(var i=0; i<th.length; i++) {
name = th[i].getAttribute("name");
if (name == 'th') {
if (th[i].id == link) {
th[i].className = 'sel';
}
else {
th[i].className = 'unsel';
}
}
}
}


So, I guess I want to combine this and a ‘toggle’ script, but I don’t even know where to begin.

Is there any way somebody could help me with the code for that?

However, it creates a new problem in IE 7. Each of those links should open in my IFRAME called “sizeframe”.

After I have visited my first page, eg. weddings, and the showonlyone function has been called/clicked at least once, the links I have in the first snippet do not open up in my IFRAME any longer. Instead they open in a New Window. Any ideas why this is happening? I know it is caused somehow by the showonlyone javascript, because without it, my links open just fine.

function hidestuff(boxid) {
document.getElementById(boxid).style.visibility = “hidden”;
document.getElementById(boxid).style.display = “none”;
}

Show again

BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH

hide again
plz try this .

Firstly I love this script… Great for massive amounts of content in tiny little spaces and very SEO savy.

I have run across another use for this script that you may want to use, but it requires a little modification that’s out of my league (JS Newb). What I wanted the script to do is toggle trough divs via a single next button or link.

My client wants a few fact files shown one at a time and the ability to see the next fact by clicking a link. I tried some random quote generators but with only 4 facts atm they tend to show the same fact over and over and need the page to be reloaded to change.

Do you think it is possible to add this to your demos?

Regards,
Steve

Just to push things a little further, I am wanting to have a ’slide’ effect with the show/hide action and was hoping you could advise how I need to adjust my code:

function toggle(showHideDiv, switchImgTag) {
var ele = document.getElementById(showHideDiv);
var imageEle = document.getElementById(switchImgTag);
if(ele.style.display == “block”) {
ele.style.display = “none”;
imageEle.innerHTML = ”;
}
else {
ele.style.display = “block”;
imageEle.innerHTML = ”;
}

Hope to hear from you soon!
Thanks and regards.

I have a log file which has two levels of detail: results and analysis. I want the page to display only the results by default, with a link that shows the analysis on demand.

There are an unknown number of each type of entry. I have created an “analysis” id and a “results” id and I assign them appropriately, so the report has many “analysis” divs and many “results” divs.

What I want is that when I click the “Show” link, all the analysis divs become visible. Every example I have found on the internet only reveals the first div with id “analysis”. The rest of them stay hidden.
There must be a solution, but I cannot find it.