[RESOLVED] Any ideas about JS or CSS problem.

@JMRKERJun 01.2007

I posted this link on the CSS forum
~~[url]~~http://www.webdeveloper.com/forum/showthread.php?t=150040[/url]
but I still don’t know if it a JS or CSS problem.

Anybody have any ideas?
Thanks.

to post a comment

JavaScript

@redhatlookJun 01.2007 — #1) In my browser is that div initially hidden. (both ie/ff)

2) Anyway 1st click really does nothing, but if you place the alert in your Toggle function this way:

function Toggle(Info) {

CState = document.getElementById(Info);

alert(CState.style.display);

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

else { CState.style.display = "none"; }

}
[/QUOTE]

you will see, that CState.style.display is empty, i don't know why don't ask me ?, so your solution is this:

function Toggle(Info) {

CState = document.getElementById(Info);

if (CState.style.display == "none" || CState.style.display == '') CState.style.display = "block";

else CState.style.display = "none";

}
[/QUOTE]

@JMRKERauthorJun 01.2007 — #Thanks 'redhatlook', I'll give that a try.

@JMRKERauthorJun 01.2007 — #I don't understand why, but it works as expected without the extra 'style=' entries for each <div> and without the extra mouse click.

Thanks again 'redhatlook'. I had not thought about checking the initial state of the style element. Sort of goes against the logic of setting it in the <style..> tag area to cascade down, but what the heck!

[RESOLVED] Any ideas about JS or CSS problem.

3 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

[RESOLVED] Any ideas about JS or CSS problem.

3 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #JavaScript _↴