jQuery next() sollte einfach nicht funktionieren

Question

Ich versuche zu tun, was scheint, sollte ein einfacher jQuery-Effekt sein, ich habe ähnlichen Code zuvor verwendet, aber ich bin nicht in der Lage, es zur Arbeit zu bekommen. Ich bin noch ziemlich neu dabei, es ist wahrscheinlich etwas superleichtes, aber ich habe einige Zeit damit verbracht, ich sehe es nicht.

Meine HMTL ist wie dieser

<a href="#" class="trigger">details</a> 
<div class="details">  
    <?echo $data['referral'];?> 
    <a href="#">update</a> 
</div> 

Meine jQuery

$(document).ready(function() { 
$('.trigger').click(function() { 
    $(this).nextAll(".details:first").toggle('slow', function() { 
    }); 
    }); 
}); 

ich auch versucht habe. $ (this) .next() hin- und herzuschalten ('langsam', function()

Die einzige Sache, die funktioniert, ist $ ('. Details'). Toggle ('langsam', Funktion() aber das öffnet alle Details Tabs auf meiner Seite, nicht sehr sinnvoll.

Würde mich sehr freuen, irgendwelche Tipps!

Answer 1

Vielen Dank für die Antworten! Mein Problem schien das Ergebnis der Verwendung von Codeigniter zu sein, ich hatte Leerzeichen um meine a- und div-Tags, und als ich den generierten HTML-Code in Firebug betrachtete, wie Patrick vorgeschlagen hatte, war der weiße Bereich in p-Tags eingeschlossen, die nicht darin waren mein Code, wie:..

<p> 
<a href="#" class="trigger">details</a> 
</p> 

So würde ich so etwas wie Eltern gehabt hat() zu verwenden, next() Kind(). Ich entfernte den Leerraum und die Elemente wurden wieder Geschwister und alles ist gut. Jetzt muss ich herausfinden, wie man Codezeichner daran hindert, das zu tun!

Danke nochmal!

Rebecca