Tine GELÖST !: Display none im Firefox funktioniert nicht

Beitrag lesen

Hallo an alle Freaks,

folgenden Code habe ich

<script language="JavaScript1.2">
var head="display:''"
function doit(header){
var head=header.style
if (head.display=="none")
head.display=""
else
head.display="none"
}
</script>

<td width="500" valign="top">
<div align="justify">„tex text text... </div>
<div style="cursor: hand;  color:#660066; font-weight:bold; font-size:9px; margin-top:10px;" onclick="doit(document.all[this.sourceIndex+1])">
mehr lesen </div>
<span style="display:none">
<div align="justify">...text text text “ </div>
</span>
</td>

Alles klappt im IE sehr gut. Leider passiert im Firefox rein garnichts, wenn man auf das "mehr lesen" klickt.

:O(

Weiß jemand woran das liegt?

Vielen Dank im voraus von der Tine!

Eigentlich ging ich davon aus, dass dies hier ein Help-Forum ist.
Einem ohne Sprüche geholfen wird, wenn man keine Ahnung von der Materie hat, oder noch nicht soweit wie manch Schlaumeier hier ist.

Nach einer langen Nacht hab ich es folgender Maßen gelöst ...
Danke für das Stichwort "toggle".

Nachstehend mein neuer Code, für alle die selbiges suchten:

<script language="javascript">
<!--
function toggle(control)
{
var elem = document.getElementById(control);
if(elem.style.display == "none")
{
elem.style.display = "block";
}
else
{
elem.style.display = "none";
}
}
//-->
</script>

<a href="javascript:toggle('1')">Text und mehr lesen</a>

<div id="1" style="DISPLAY: none">
Text und mehr Text<img src="http://www..../bild.jpg">
Bilder kann man auch einfügen... klaro.
</div>

oder, damit nur "mehr lesen" - ein Link ist:

<div> Text<div>
<a href="javascript:toggle('1')">mehr lesen</a>

<div id="1" style="DISPLAY: none">
Text und mehr Text<img src="http://www..../bild.jpg">
Bilder kann man auch einfügen... klaro.
</div>

Toll gemacht, gelle?
Gruß Tine!