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