Jquery：带有div的List上的SlideToggle

Question

我正在尝试使用列表元素为我的网站构建一个简单的菜单。 问题是我想在点击箭头时显示'.second-row'div并隐藏任何其他打开的div，但我试过的所有方法都不起作用。

有人可以帮帮我吗？ 示例是here

Answer 1

您需要获取与所点击的second-row对应的arrow-1：

$('a.arrow-1 ').click(function () {
    $('.second-row').slideUp();
    $(this).parent('.first-row').siblings('.second-row').slideDown();
});

Here's an updated fiddle

注意：您可能想要添加一些逻辑来检查上次点击的arrow-1，并返回它是否与当前点击的相同，以便{{1}点击相同的slideUp()/slideDown()两次时不会发生。

Answer 2

我刚刚点击了点击事件

$('a.arrow-1 ').click(function () {
            //alert("clicked");
            var cli=$(this).closest('li').find('.second-row');
            alert(cli);
            $(cli).slideToggle();
        });

您可以从HERE

获取工作副本

快乐编码：）