First of all, thanks for this tutorial, it’s a great one!

Everything works fine, but i would like to have a function toggleSlide that closes all the open slides when the user opens another one.

i saw the question appear in the comments, but didn’t find a actual solution.

Can someone help me with this plz? (i’m not experienced in javascript :-s )

Thanks in advance!

Thanks.

All you need to do is replace the toggleSlide function with this one, and delete this line:

endHeight[objname] = parseInt(obj[objname].style.height);

from the startSlide function

Here’s the updated toggle function. If you want the two buttons in stead of the toggle, then just adapt it. This is a little bit of a cheat, but I haven’t had any “glitches” from testing yet. If somebody finds a better way PLEASE tell me (webmaster@netdocuments.com)

function toggleSlide(objname){
obj[objname] = document.getElementById(objname);
if(document.getElementById(objname).style.display == “none”){
obj[objname].style.display=””;
endHeight[objname] = obj[objname].offsetHeight;
obj[objname].style.display=”none”;
slidedown(objname);
}else{
endHeight[objname] = parseInt(obj[objname].style.height);
slideup(objname);
}
}

Thanks again for not making it too complicated!

Thank you for this. I spent a few frustrated hours searching for something like this, yet I couldn’t think of the keywords to use.

I do have one problem though: When I used the original code to just do a basic show/hide of the DIV, it worked fine, however as soon as I introduced the code for the sliding DIV, it stopped working. When I look at my error console, it tells me “toggleSlide is not define”, however I haven’t changed anything in the .js file – I’ve copied the code exactly as you have it above!

If you have any suggestions as to what is causing this, I would really appreciate the help. I’m using it for an enrollment form for a client’s website, and I want to add the functionality to add extra names, without having 50 “Name” fields sitting there – if they need to add another name, they just click “Click to Add” or some such, and a new line appears.

This is a wonderful script and good job on making it! I have something that is puzzling me a bit. I am try to add a form to be toggled on click, instead of text. There is a short code, [tdomf1], but when pasted, it appears as text. I want to show the form instead. How can we fix this?

Thanks!

I am trying to do what nerdly was talking about earlier on…

“…would it be possible to click on a 2nd link, and it would minimize the last one licked (or say all of them, for coding ease) and then slide open the new one?”

I have tried all of the links posted about this but they are all dead now

Anyone know more specifically how to use the loop to achieve this?