{AJAX} - Open div close div

[Eccentric]

Basically like the spolier:

Show Hide

example

for my comments thing...and full news..
http://swindonsound.com/ss/shownews/

[Assassinator]

Lmao:rolleyes:

<script language='JavaScript' type='text/javascript'>
        <!--
            function spoiler(obj)
            {
                  for (var i = 0; i < obj.childNodes.length; i++)
                  {
                        if (obj.childNodes[i].id == 'idTitle')
                            titleRow = obj.childNodes[i];
                    if (obj.childNodes[i].id == 'idSpoiler')
                    {
                        if (obj.childNodes[i].style.display != 'none')
                        {
                            obj.childNodes[i].style.display = 'none';
                            titleRow.innerHTML = '&nbsp;<b>Click to show spoiler</b>';
                        }
                        else
                        {
                            obj.childNodes[i].style.display = 'block';
                            titleRow.innerHTML = '&nbsp;<b>Click to hide spoiler</b>';
                        }
                    }
                }
            }
        //--></script> 

<div width="100%" class="alt1" onclick="spoiler(this);" style="border-collapse: collapse; border: solid thin black;"><div id="idTitle" class="alt2" style="border-collapse: collapse; border: solid thin black; width: 100%;">&nbsp;<b>Click to show spoiler</b></div><div id="idSpoiler" style="display: none;">example</div></div><br /> 

:eusa_whis

[redtom]

Javascript file;

function simpletogglediv(whichLayer)
{
	 var theElementStyle = document.getElementById(whichLayer); 

	if(theElementStyle.style.display == "block")
	{ 
		theElementStyle.style.display = "none";  
		 
	}
	else
	{ 
		theElementStyle.style.display = "block"; 
	}
}

Javascript Include;

<script type="text/javascript" src="filename.js"></script>

CSS Style Code;

	#one, #two, #three {
	display: none;
	}

And more id's if you have more opening/closing divs on a page.

The link to open/close the div;

<a href="javascript:simpletogglediv('one');" title="link title"> Link name</a>
<a href="javascript:simpletogglediv('two');" title="link title"> Link name</a> 
 <a href="javascript:simpletogglediv('three');" title="link title"> Link name</a>

The divs;

<div id="one">
Content to open/close here.
</div>

<div id="two">
More Content to open/close here.
</div>

<div id="three">
Even more Content to open/close here.
</div>

[Eccentric]

nice finding of the page source there kane, thanks tom ill try that later.

[Assassinator]

nice finding of the page source there kane, thanks tom ill try that later.

Lol Source wth i wrote that.:eusa_whis

[redtom]

nice finding of the page source there kane

Lol.

Tell me if you have any problems with it.

[Eccentric]

Lol.

Tell me if you have any problems with it.

Thanks I will Tom