Zeige/Verstecke mehrere Divs

Question

Ich versuche eine Show/Verstecke von einem Div auf einmal auszulösen.

Was passiert ist, dass alle divs (.shareLink) zur gleichen Zeit öffnen.

Unten ist mein jQuery:

$(document).ready(function(){ 
$(".shareLink").hide(); 
$("a.trigger").click(function(){ 
$(".shareLink").toggle("400"); 
return false; 
}); 
}); 

Unten ist mein HTML:

<dl class="links"> 
    <dd>content</dd> 
    <dt class="description">content</dt> 
    <ul class="tools">  
     <li><a class="trigger" href="#">Share Link</a></li> 
    </ul> 
</dl> 
<div class="shareLink"> 
<?php print check_plain($node->title) ?> 
</div> 

Jede Hilfe mit dem obigen Problem würde sehr geschätzt werden.

Prost.

Answer 1

Basierend auf Ihren HTML, müssen Sie dies tun:

$(function() { 
    $("div.shareLink").hide(); 
    $("a.trigger").click(function(){ 
     $(this).parents('dl.links').next('div.shareLink').toggle(400); 
     return false; 
    }); 
}); 

Diese geht an die Mutter DL und bewegt sich dann auf die nächste shareLink div über und schaltet es.

Answer 2

Sie könnten versuchen wollen:

$(document).ready(function(){ 
    $(".shareLink").hide(); 
    $("a.trigger").click(function(e){ 
     e.preventDefault(); 
     $(this).next().toggle("400"); 
    }); 
}); 

Die Antwort ist es auf die Struktur des Dokuments abhängt. Hier ist ein Beispiel für etwas, das mit der obigen Funktion funktioniert.

<a class="trigger">click here</a> 
<div class="shareLink"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
</div> 

Answer 3

$(".shareLink").toggle("400"); 

Bezieht sich auf div auf der Seite mit einer Klasse von ".shareLink".

Sie müssen einen Weg finden, um das spezifische div zu unterscheiden, das Sie zeigen möchten.