Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 仅在单击的DIV中应用.toggle（）方法_Javascript_Jquery - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 仅在单击的DIV中应用.toggle（）方法

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

javascript jquery

Javascript 仅在单击的DIV中应用.toggle（）方法,javascript,jquery,Javascript,Jquery,我是JQuery新手，我想知道如何仅在单击的DIV中而不是在页面的所有DIV中应用.toggle（）方法 有人能帮我吗 PS：我需要在JQuery 1.4版中实现 这是我的代码： <html> <head> <link rel="stylesheet" type="text/css" href="card.css" /> <script type="text/javascript" src="https://ajax.googleapis.com/aj

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

有人能帮我吗

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>


$（函数（）{
$（'#toggle2'）.live（“单击”，函数（）{
$（'.toggle2'）.toggle（）；
返回false；
});
});


前部1

返回1



前部2

后退2

提前谢谢

$(function() {
    $('#toggle2').live("click", function() {
        $(this).parent().find('.toggle2').toggle();
        return false;
    });
});
ID是唯一的，这可能只适用于第一次出现的
#toggle
，因此您还需要在那里使用类