Question

我是JQuery的新手，我想知道如何仅在点击的DIV中应用.toggle（）方法而不是页面的所有DIV。

任何人都可以帮助我吗？

PS：我需要在JQuery 1.4版中实现

这是我的代码：

<html>
<head>

<link rel="stylesheet" type="text/css" href="card.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script type="text/javascript">
            $(function() {
                $('#toggle2').live("click", function() {
                    $('.toggle2').toggle();
                    return false;
                });
            });
</script>

</head>
<body>

<div class="card">
    <a href="#" id="toggle2">Switch Text Toggle</a><br />
    <p class="toggle2">FRONT 1</p>
    <p class="toggle2" style="display:none;">BACK 1</p>
</div>

<div class="card">
    <a href="#" id="toggle2">Switch Text Toggle</a><br />
    <p class="toggle2">FRONT 2</p>
    <p class="toggle2" style="display:none;">BACK 2</p>
</div>

</body>

提前致谢！

Answer 1

$(function() {
    $('#toggle2').live("click", function() {
        $(this).parent().find('.toggle2').toggle();
        return false;
    });
});

ID是唯一的，这可能只适用于#toggle的第一次出现，所以你也需要在那里使用类。

FIDDLE

仅在单击的DIV中应用.toggle（）方法

1 个答案: