Show/Hide div NOT workink in FF

[zed420]

Hi All

Can anyone please tell me why doesn't this code work in Firefox. I'm using it for showing and hidding the divs.  Woks fine in IE.

 

<script type="text/javascript"><!--
var lastDiv = "";
function showDiv(divName) {
// hide last div
if (lastDiv) {
	document.getElementById(lastDiv).className = "hiddenDiv";
}
if (divName && document.getElementById(divName)) {
	document.getElementById(divName).className = "visibleDiv";
	lastDiv = divName;
}
}
//-->
</script>

Thanks

Zed

[Adam]

What does the error console say?

 

A

[zed420]

There are NO errors, it won't hide any of the forms like it should or does in IE.

[RichardRotterdam]

I think lastDiv is the problem.

 

the first time you call it the var lastDiv is empty. have you installed firebug for firefox?

[zed420]

Thanks for your reply, No I haven't installed firebug, should this solve my problem??

[RichardRotterdam]

It doesn't solve your problem but it can assist you in finding the problem and correcting it. It's a plugin that makes js debugging a whole lot easier

[Adam]

Try adding this ..

 

window.onload = function() { var lastDiv = ""; }

 

instead of just lastDiv = ""; ..

 

A

[Mikedean]

This could also be a CSS issue, what value are you setting 'display' to hide/show the DIV's?

[Adam]

Try adding this ..

 

window.onload = function() { var lastDiv = ""; }

 

instead of just lastDiv = ""; ..

 

A

 

Ignore that!