jQuery幻灯片菜单功能

Question

我正在尝试为一些引用创建一个简单的jQuery菜单。基本上，我希望用户点击“术语”，并切换该术语的定义以向上滑动以隐藏或向下滑动以查看。

这是我的jQuery代码（对此仍然很新！）

<script>
$(document).ready(function(){

  $("p").hide();


$("h3").click(function(){
    $("p").slideToggle("slow");
     });


});
</script>

工作正常！但是，我无法弄清楚我需要做些什么来使它成为一个“单一的实例”。现在（显而易见的是选择器），如果用户点击任何标题，它将同时切换所有段落元素。有人能指出我正确的方向吗？

Answer 1

我相信而不是$（'p'）。slideToggle（'slow'），你使用

$(this).children('p').slideToggle('slow')

假设p是h3的子项，如果不是，则必须使用选择器到达那里。但是$（this）会给你点击的内容。