0

我是 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>

提前致谢!

4

1 回答 1

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

ID 是唯一的,这可能仅适用于 的第一次出现#toggle,因此您还需要在那里使用类。

小提琴

于 2013-03-04T03:43:33.543 回答