Jquery:SlideToggle在带有div的列表上

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

有人能帮我吗？

---

示例为

您需要获得与单击的

箭头-1

对应的

第二行

：

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

---

注意：您可能需要添加一些逻辑来检查上次单击的

箭头-1

，并返回它是否与当前单击的箭头相同，以便在两次单击相同的

箭头-1

时不会出现

slideUp（）/slideDown（）

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

您可以从以下地址获得工作副本：

快乐编码：）
我检查了您的JSFIDLE，它可以按照您的要求工作。我不确定我是否理解错了你的问题。让我知道你的确切要求。幻灯片正在运行，但当我单击两个列表时，会显示两个div，并隐藏两个div。我需要它来隐藏一个，展示另一个：）你是说像这样？非常感谢您不仅更新了小提琴，还向我解释了它是如何工作的。：）