• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

jquery--> ausgelesenen index verwenden

vsenol

Mitglied
Hallo Leute,

mein Ziel ist es, den index des geklickten buttons zu benutzen um das entsprechende div anzuzeigen, nun wenn ich den Wert mit alert ausgebe, stimmt es soweit, aber der zugriff auf das div element funktioniert nicht.


Code:
<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
</head>
<body>

<button type="button">Button 1</button>
<button type="button">Button 2</button>
<div>div 1</div>
<div>div 2</div>

<script>
Code:
$( document ).ready(function() {

var button = $("button"),
    div = $("div");
   

        $(button).click(function() {
        var index = button.index(this);
         
          $(div)[index].slideToggle();

        });
   
   

});


</script>
</body>
</html>

vielen lieben Dank im voraus.
 
mit
Code:
$(div[index]).slideToggle();
funktioniert es, aber das ist das gruseligste stück code, das ich je gesehen hab. Bist du ganz sicher, dass auf deiner Seite immer genauso viele divs sind wie buttons?
 
Zurück
Oben