Javascript 内容切换问题-一次1个

我正在为我正在构建的网站使用切换脚本&我想一次切换一件事情，但它一次就完成了所有事情。你明白我的意思了

下面是头标签之间的代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("ul").hide(); //added this line
    $("p").click(function(){
        $("ul").toggle();
    });
});
</script>

$（文档）.ready（函数（）{
$（“ul”）.hide（）；//添加了此行
$（“p”）。单击（函数（）{
$（“ul”）.toggle（）；
});
});

以下是正文中的代码：

<p class="toggle">+ <span class="intoggle">Apple iPad 2</span></p>
<ul><li>Display Screen (LCD) Only Replacement - $99.99</li>
<li>Top Glass (Digitizer) Only Replacement (Black) – $109.99</li>
<li>Top Glass (Digitizer) Only Replacement (White) – $109.99</li></ul>

<p class="toggle">+ <span class="intoggle">Apple iPad Mini/Mini Retina</span></p>
<ul><li>Display Screen (LCD) Only Replacement - $139.99</li>
<li>Retina Display Screen (LCD) Only Replacement - $139.99</li>
<li>Top Glass (Digitizer) Only Replacement (Black) – $129.99</li></ul>

+苹果iPad 2
仅更换显示屏（LCD）-99.99美元
仅顶部玻璃（数字化仪）更换件（黑色）–$109.99
仅顶部玻璃（数字化仪）更换件（白色）–$109.99
+苹果iPad迷你/迷你视网膜
仅更换显示屏（LCD）-139.99美元
仅更换视网膜显示屏（LCD）-139.99美元
仅顶部玻璃（数字化仪）更换件（黑色）–129.99美元

---

我一次只想切换一个

。有人能告诉我哪里出了问题吗？谢谢。：）

您不希望只调用

ul

（它将针对所有

ul

），而是希望针对单击的

p

之后的一个

$（此）

引用单击的元素，然后可以调用

next（）

---

您的答案是正确的，除了“如果您在这两个元素之间添加了另一个元素，您的代码仍然可以工作”这一行之外。如果插入另一个元素，代码将不起作用，因为传递到

next

的选择器与该元素不匹配，并且不会返回任何内容。是的，你是对的，当我出于某种原因写这篇文章时，我实际上想到了兄弟姐妹（）。但即使在这种情况下，因为它们都是同级使用

同级（）

也会触发这两个

ul

。我把那张纸条拿走了。

$(this).next("ul").toggle();