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子選擇器。 以下小提琴演示了，如果您在第一個UL內部單擊，第二個將滑動。

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

有很多方法可以做到這一點。 您可以指定類或ID並以此為目標。 您可以在jQuery中使用.siblings（）函數。 您還可以使用.next（）或.prev（）函數。

Answer 2

嘗試使用.not方法：

$(me).parent().parent().find("ul").not(':visible').slideToggle();