Computerhilfen.de Logo
Forum
Tipps
News

TD display none/block klappt nicht

Hallo erstmal,

hab da ein kleines Problem bei meiner Dropdown Tabelle:

Zitat
<html>
<head>
<title></title>
<script language="JavaScript" type="text/javascript">
<!--
    function dropdownup(element)
    {
    if(document.getElementById(element).style.display = 'none')
    {
    document.getElementById(element).style.display = 'block';
    }
    else if(document.getElementById(element).style.display = 'block')
    {
    document.getElementById(element).style.display = 'none';
    }
}
//-->
</script>
</head>
<body>
    <table style="border: solid 1px black;">
        <tr style="background-color: red;">
            <td style="cursor: pointer;" onClick="dropdownup('dropper');">Klick Hier!</td>
        </tr>
        <tr>
            <td style="display: none;" id="dropper">Hallo</td>
        </tr>
    </table>

</body>
</html>

TD 'dropper' wird zwar nach dem Klick angezeigt, aber nach dem zweiten Klick ist es immernoch sichtbar.

Weiß jemand was ich falsch gemacht habe?

Danke! ;D;D

Antworten zu TD display none/block klappt nicht:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Falls das hier noch aktuell ist: Einfach statt

if(document.getElementById(element).style.display = 'none') zwei = verwenden. Also so:
<script language="JavaScript" type="text/javascript">
<!--
    function dropdownup(element)
    {
    if(document.getElementById(element).style.display == 'none')
    {
    document.getElementById(element).style.display = 'block';
    }
    else if(document.getElementById(element).style.display == 'block')
    {
    document.getElementById(element).style.display = 'none';
    }
}
//-->
</script>

« recipients_list und referers_list - Install Formmail? Hilfe SUDOKU - SeitenAnzeige-Problem »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!