onClick reagiert erst beim zweiten Klick

[Anyone]

Guten Abend,

ich teste zur Zeit ein Bisschen Javascript, damit ich meine Kentnisse in diesem Gebiet verbessern kann. Ich habe zwei untereinander dargestellte Box-Elemente:

<div onClick="hideElement('second');" id="first">Klicke hier</div>
<div id="second">Hehe</div>

Wenn auf das obere Element geklickt wird, soll das untere Element verschwinden. Ist das untere Element verschwunden und es wird erneut auf das obere geklickt, erscheint das untere. Soweit funktioniert auch alles super, allerdings muss man nach dem Neuladen des Scriptes zweimal klicken, bis der gewünschte Effekt eintritt.

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

Wie kann diese "Zwei-Klick-Blockade" überwunden werden? Ich bin dankbar für jede Hilfe.

 

[DE_Nemesis_TM]

AW: onClick reagiert erst beim zweiten Klick

Also hab mir deinen Code mal kurz angeschaut: das problem liegt darin, dass dein blockelement (div) keinen explizit festgelegten initialwert hat, daher springt das script immer zuerst in den else-bereich. drehe einfach deine abfragebedingung um, und des funktioniert (nachfolgend der funktionierende code)

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

html kann bleiben wie bisher

 

[cebito]

AW: onClick reagiert erst beim zweiten Klick

<div id="second" style="display:block;">Hehe</div>

dann "verschwindet" er auch gleich, denn sonst wird's ihm im else-Zweig erstmal zugewiesen.

 

[Anyone]

AW: onClick reagiert erst beim zweiten Klick

Danke euch beiden, funktioniert wunderbar.

 

[DE_Nemesis_TM]

AW: onClick reagiert erst beim zweiten Klick

<div id="second" style="display:block;">Hehe</div>

dann "verschwindet" er auch gleich, denn sonst wird's ihm im else-Zweig erstmal zugewiesen.

achja, das is natürlich auch ne möglichkeit^^

 

[cebito]

AW: onClick reagiert erst beim zweiten Klick

achja, das is natürlich auch ne möglichkeit^^

Waren halt Gleichzeitig, es führen aber viele Wege nach Rom :lol: