javascript - SlideToggle() 无法正常工作

Question

我有一个<li>其中有两个 <ul> .第二个<ul>是隐藏的，当我单击第一个 <ul> 时应该显示.

我已经尝试过:$(me).parent().parent().find("ul").slideToggle();$(me) 是这个和 <li> 的一个实例包装元素。

现在的问题是隐藏的 <ul>显示但可见 <ul>隐藏。它不应该隐藏这一点。我想要隐藏的 <ul>当我点击可见的 <ul> 时显示和隐藏.

另一件事要提的是，我在 ajax 调用的成功函数中使用此代码:

success:function(data){
     $(me).parent().parent().find("ul").slideToggle();
}

也许有人可以帮助我。我可能只需要调整 .find()但我不知道该怎么做......

Answer 1

您可以在 jQuery 中使用 CSS 子选择器。下面的 fiddle 演示了如果您在第一个 UL 内部单击，第二个 UL 将滑动。

$('li ul:first-child li').click(function(){
    $(this).parent().parent().find("ul:nth-child(2)").slideToggle();
});

https://jsfiddle.net/mqjvt2nu/2/

有很多方法可以做到这一点。您可以指定类或 ID 并以此方式定位。您可以使用 .siblings() jQuery 中的函数。您还可以使用.next()或.prev()功能。