Jquery:带有div的列表上的SlideToggle
Jquery:带有div的列表上的SlideToggle
提问于 2013-04-25 22:20:33
我正在尝试使用列表元素来为我的网站构建一个简单的菜单。问题是，我想在单击箭头时显示“..second row”div，并隐藏任何其他打开的div，但我尝试的所有方法都不起作用。
有人能帮我吗？示例是here
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-04-25 22:38:11
您需要获取与所单击的arrow-1相对应的second-row：
$('a.arrow-1 ').click(function () {
$('.second-row').slideUp();
$(this).parent('.first-row').siblings('.second-row').slideDown();
});Here's an updated fiddle
注意：您可能想要添加一些逻辑来检查上次单击的arrow-1，并返回它是否与当前单击的相同，以便在两次单击同一个arrow-1时不会发生slideUp()/slideDown()。
Stack Overflow用户
发布于 2013-04-25 22:47:29
我只是在点击事件上做了一点改变
$('a.arrow-1 ').click(function () {
//alert("clicked");
var cli=$(this).closest('li').find('.second-row');
alert(cli);
$(cli).slideToggle();
});您可以从HERE获取工作副本
快乐编码:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16217270
复制相关文章
相似问题
腾讯云开发者
