JavaScript Sichtbarkeit umschalten....

[rony]

Guten Abend

ich versuche mittels JavaScript die Sichtbarkeit zwischen zwei <h2> objekten umschalten.

Ich schreibe hier mal bsp. Code:

<div id="container" onclick="ShowHide();">
  <h2 id="eins" style="display: block;">Eins</h2>
  <h2 id="zwei" style="display: none;">Zwei</h2>
</div>

<script type="text/javascript">
        <!--
        function ShowHide() {
            if (document.getElementById('zwei').style.display == 'block';){
            document.getElementById('zwei').style.display == 'none';
            document.getElementById('eins').style.display == 'block';
            } else {
            document.getElementById('zwei').style.display == 'block';
            document.getElementById('eins').style.display == 'none';
            }
        }
        //-->
</script>

So soll due eube Überschrifft ausgeblendet werden, wenn man auf den Container klickt und dafür das andere eingeblendet werden.

so wie ich das sehe müsste das doch eig. funktionieren - tut es aber nicht .... ich sehe den fehler nicht Öö

Hat da ggf. jemand einen tipp?

 

[DHundt]

Mahlzeit,

== ist Vergleich
= ist Zuweisung von Werten ;-)

Außerdem muss man einen Vergleich nicht mit einem ; beenden.

Gruß

 

[rony]

omg... ^^
da schreibt man das in den vergleich und kopiert das einfach - ohne daran zu denken ^^
ja super funktioniert.... das ist echt schon peinlich :/

 

[NeoTiger]

Mach's dir doch ganz einfach mit jQuery :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
...
<div id="container" onclick="$('h2', this).toggle();">
    <h2 id="eins" style="display: block;">Eins</h2>
    <h2 id="zwei" style="display: none;">Zwei</h2>
</div>

 

[DasBoeseLebt]

Mach's dir doch ganz einfach mit jQuery :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
...
<div id="container" onclick="$('h2', this).toggle();">
    <h2 id="eins" style="display: block;">Eins</h2>
    <h2 id="zwei" style="display: none;">Zwei</h2>
</div>

Warum eine 90Kbit große Datei mitladen, damit man sich 6Zeilen Code spart?

 

[NeoTiger]

Wenn du regelmäßig im Internet surfst, ist diese Datei vermutlich ohnehin schon längst in deinem Browsercache, da sehr viele Webseiten sie direkt von Google einbinden. Außerdem ging es mir eher darum dem OP aufzuzeigen, wie einfach solche alltäglichen Probleme mit jQuery zu lösen sind - weswegen auch der Großteil der Webentwickler sie heute einsetzen.