CSS Show Hide with JS

abis123 · #1 Dec 10th, 2007, 01:26

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 · #2 Dec 10th, 2007, 01:37

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 · #3 Dec 10th, 2007, 01:50

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 · #4 Dec 10th, 2007, 09:15

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 · #5 Dec 13th, 2007, 05:39

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

Try this link: Div Popup!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Show/hide/add textfields from dropdownmenu	UD2006	JavaScript Forum	0	Apr 9th, 2008 08:36
[SOLVED] Show&Hide Div Box	Maska	JavaScript Forum	6	Oct 1st, 2007 11:04
Show/Hide JS	pa007	JavaScript Forum	0	Apr 6th, 2007 19:18
Show and Hide Text - how do I do that?	Love2Java	JavaScript Forum	1	Mar 29th, 2007 00:23
Show/Hide Div Help	Trebz	JavaScript Forum	2	Feb 21st, 2006 22:37

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
CSS Show Hide with JS