jquery - 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) 会给你你点击的东西。