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并切换它。

Answer 2

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

指页面上带有“.shareLink”类的任何div。

您需要找到一种方法来区分您想要显示的特定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>

显示/隐藏多个Div

3 个答案: