Показать / Скрыть несколько Div

Question

Я пытаюсь вызвать показ / скрытие одного деления за раз.

Происходит следующее: все div (.shareLink) открываются одновременно.

Ниже мой jQuery:

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

Ниже мой 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>

Любая помощь с вышеуказанной проблемой будет принята с благодарностью.

Приветствие.

Answer 1

Исходя из вашего HTML, вам нужно сделать следующее:

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

Это подходит к родительскому DL, затем переходит к следующему div shareLink и переключает его.

Answer 2

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

Относится к любому элементу div на странице с классом ".shareLink".

Вам нужно будет найти способ отличить конкретный div, который вы хотите показать.

Answer 3

Возможно, вы захотите попробовать:

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

Ответ - это зависит от структуры вашего документа. Вот пример того, что будет работать с вышеуказанной функцией.

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