Webmaster Forum - Web Design, Programming and SEO forums - View Single Post

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