Show/Hide Content on Clicking Link

[Ajm113]

Ok I googled and searched this site, but is their a way I can create a drop down content so if a user clicks on a link content will appear on the bottom and when the user clicks the link again the content would hide.

Any code?

[acoder]

Put your content in a div and set the visibility to "hidden". For the link, call a function which checks the visibility and reverses it (hide if visible and show if hidden).
[HTML]<a href="#" onclick="showHideContent(); return false;">Show/Hide Content</a>
<div id="content" style="visibility: hidden">content appears here</div>[/HTML]

function showHideContent () {
 var content = document.getElementById("content");
 if (content.style.visibility == "hidden") content.style.visibility = "visible";
 else content.style.visibility = "hidden";
}

If you need to actually add and remove content from the page, use the display property instead.

[Ajm113]

Thanks, now I just need to add cookie control on here and I got it!

[acoder]

Thanks, now I just need to add cookie control on here and I got it!

Glad you got it working (well, it wasn't too hard, was it?)

PS. Changed thread title.