Hide and Show a Div Using Javascript - Webmaster Forum - Web Design, Programming and SEO forums

11-24-2008, 08:37 PM

Verayer

Status: Member
Join date: Oct 2006
Location:
Expertise:
Software:

Posts: 151

iTrader: 1 / 100%

Verayer is on a distinguished road

Hide and Show a Div Using Javascript

Hi; I'm using the following javascript:

Code:

<script language="JavaScript">   
    function feat1() {
	  document.getElementById("featdisplay1").style.display = "block"
         document.getElementById("featdisplay2").style.display = "none";
  document.getElementById("featdisplay3").style.display = "none";
  document.getElementById("featdisplay4").style.display = "none"

}
function feat2() {
	  document.getElementById("featdisplay2").style.display = "block"
         document.getElementById("featdisplay1").style.display = "none";
  document.getElementById("featdisplay3").style.display = "none";
  document.getElementById("featdisplay4").style.display = "none"

}
function feat3() {
	  document.getElementById("featdisplay3").style.display = "block"
         document.getElementById("featdisplay2").style.display = "none";
  document.getElementById("featdisplay1").style.display = "none";
  	  document.getElementById("featdisplay4").style.display = "none"


}
function feat4() {
	  document.getElementById("featdisplay4").style.display = "block"
         document.getElementById("featdisplay2").style.display = "none";
  document.getElementById("featdisplay3").style.display = "none";
    document.getElementById("featdisplay1").style.display = "none";


}
</script>

my html code:
<div><p><a href="javascript:feat1();" >Donec </a></p></div>
<div id="featdisplay1">...</div>

<div><p><a href="javascript:feat2();" >Donec </a></p></div>
<div id="featdisplay2">...</div>

<div><p><a href="javascript:feat3();" >Donec </a></p></div>
<div id="featdisplay3">...</div>

<div><p><a href="javascript:feat4();" >Donec </a></p></div>
<div id="featdisplay4">...</div>

This works perfect in IE, but in Firefox he does not want to click the first link and I can only click each link once. (same for safari)

Does anyone know a solution for this,
thanks in advance