javascript - 显示/隐藏多个 Div

Question

我正在尝试一次触发一个 div 的显示/隐藏。

发生的情况是所有 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，然后移至下一个 shareLink div 并切换它。