Question

我正在使用切换脚本来建立一个网站我正在建设＆amp;我想一次切换一件事，但它会立即完成。你可以看到我的意思here。

这里是头标记之间的代码：

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

以下是正文中的代码：

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

我想一次只切换一个<p></p>。有人能告诉我哪里出错了吗？谢谢。：）

Answer 1

而不是仅仅调用ul（将定位所有ul），而不是在点击的p之后专门定位该$(this)。 next()指的是点击的元素，然后您可以调用$(this).next("ul").toggle();

{{1}}

FIDDLE

内容切换问题 - 一次1个

1 个答案: