CSS Show Hide with JS

[abis123]

I have used some CSS found on a website that allows me to show and hide an element in a page (this can be found at http://www.stunicholls.com/various/more.html, if you look at this page you can see the more>> button displays a hidden element. My problem is that this newly showed element can be clicked anywhere and becomes hidden, can anyone tell me how to stop this from happening?

[Monie]

The "more" content will only closed when you clicked in it. If you clicked outside from it, it won't close.
I think what you tyring to archieve here is not done by CSS, it's has to do with Javascript

[Stuart]

The example site that you posted the link to uses JavaScript! Take a look:

Code: Select all

clickMenu = function(menu,element,cname) {
	var getEls = document.getElementById(menu).getElementsByTagName(element);

	for (var i=0; i<getEls.length; i++) {
			getEls[i].onclick=function() {
			if ((this.className.indexOf(cname))!=-1)
			{
			if ((this.className.indexOf('click'))!=-1) {
				this.className=this.className.replace("click", "");;
				}
				else {
				this.className+=" click";
				}
			}
		}
	}
}

[welshstew]

Some other resources that you can llok at for this are:
http://www.dyn-web.com/dhtml/show-hide/
http://www.adesdesign.net/php/tutori.../hide_div.html
http://www.geocities.com/technofundo.../showhide.html
http://www.plus2net.com/javascript_t...hide-layer.php

I'm not very good with JS but hte above wmay help you de-bug, or at least give you a soultion that fits your purpose.

[Monie]

I think that I found this same problem few month ago while I am coding the Page Option thing!

Try this link: Div Popup!