jQuery幻灯片菜单功能

问题描述：

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

这里是我的jQuery代码（还是这个很新！）

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

    $("p").hide(); 


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


}); 
</script>

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

请张贴您的HTML并指出您想要制作动画的标签。 – ryadavilli

当您将标签的名称用作选择器时，将选择具有此标签的所有元素。有特定id $（“＃element”）或特定类名称$（“。classname”），特定标签$（“tag”）等元素的选择器。查看w3schools网站上的选择器列表：http： //www.w3schools.com/jquery/jquery_ref_selectors.asp –

答

我相信，而不是$（“P”）的slideToggle（“慢”），您使用

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

假设p是一个孩子的H3，如果不是你要使用选择到那里。但$（this）会给你你点击的东西。

jQuery幻灯片菜单功能

相关推荐