✔ div anzeigen/verstecken - Wo ist der Fehler?

[Thundy]

Moin,

folgendes funktioniert bei mir leider nicht. Hab jetz ne Stunde dran rumgedoktort und komm nich weiter. Vergleiche mit anderen Scripts mit selbiger Aufgabe haben auch keine Erkenntnisse gebracht. -.-

javascript.js

function OnOff(div) {
     if(document.getElementById(div).style.display == 'block') {
         document.getElementById(div).style.display = 'none';
     } else {
         document.getElementById(div).style.display = 'block';
     }
}

test.php

<script type="text/javascript" src="javascript.js"></script>

<input type="button" onclick="OnOff(div);" />
<div id="div" style="display:none">
    blub
</div>

Einblenden bei onklick funktioniert, ausblenden nicht mehr.


lg, Thundy

 

[Maik]

Hi,

function OnOff(id) {
     if(document.getElementById(id).style.display == 'none') {
         document.getElementById(id).style.display = 'block';
     } else {
         document.getElementById(id).style.display = 'none';
     }
}

<input type="button" onclick="OnOff('div');" />

mfg Maik

 

[Thundy]

Uhm..danke. =) Merk grad, der Parameter kann auch weiterhin 'div' statt 'id' heißen.
Die Version 'div' hatte ich schon mehrmals probiert, aber wenn man nach /test statt /htdocs/test uploadet kann ja nix passiern. >.< :-(

 

[Maik]

Merk grad, der Parameter kann auch weiterhin 'div' statt 'id' heißen.

... wenn in der Seite nur ein Block existiert, der mit der JS-Funktion ein- und ausgeblendet werden soll.

mfg Maik