0

如何仅应用 .toggle() 已单击的 DIV。我当前的代码适用于所有切换 div。内容之间的代码切换<div class="toggled">

我需要在 1.4 版中进行

任何人都可以帮助我吗？

这是我的代码：

<html>
<head>
<title>TEST</title>
<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() {
        $('#toggle').click("click", function() {
            $('.toggled').toggle();
            return false;
        });
    });

</script>
</head>

<body>


<div class="card">

    <div class="toggled">
    <h3>FRONT 1</h3>
    </div>

    <div class="toggled" style="display:none;">
    <h3>BACK 1</h3>
    </div>

    <a href="#" id="toggle">Switch Text Toggle</a><br/>

</div>


<div class="card">

    <div class="toggled">
    <h3>FRONT 2</h3>
    </div>

    <div class="toggled" style="display:none;">
    <h3>BACK 2</h3>
    </div>

    <a href="#" id="toggle">Switch Text Toggle</a><br/>

</div>

</body>
</html>

提前致谢！

4

3 回答 3

2

您需要将锚点的 ID 更改为一个类，因为 ID 是唯一的。

然后你会这样做：

$(function() {
    $('.toggle').on("click", function() {
        $(this).siblings('.toggled').toggle();
        return false;
    });
});

在哪里可以找到带有 class 的单击锚的兄弟姐妹.toggled，然后切换它们。您还需要一个 document.ready 函数，并且事件处理程序有一些拼写错误。

并且使用较新版本的 jQuery，1.4 已经过时了。

小提琴

于 2013-03-04T01:55:34.900 回答
0

尝试这个：

$('.card #toggle').click(function() {
            $('.toggled').toggle();
            return false;
        });
于 2013-03-04T02:46:06.337 回答
0

替换$('.toggled').toggle();为$(this).toggle();。您当前请求.toggle切换所有容器，而不是作为事件焦点的容器。

于 2013-03-04T01:54:51.610 回答