Таргетинг на все в классе, кроме следующего элемента?

Question

весь мой код jQuery выглядит так:

$(function(){
    $(".details").hide();
    $("li").mouseenter(function(){
        $(this).css("color","blue");
    });
    $("li").mouseleave(function(){
        $(this).css("color","black");
    });
    $("li").click(function(){
        $(this).next().slideToggle();
        $(".details").not(this.next()).slideUp();
    });
});

единственная неработающая строка - это

$(".details").not(this.next()).slideUp();

Я не могу на всю жизнь понятькак использовать slideUp () на каждом li с классом details , кроме li , для которого я только что использовал slideToggle ().

Answer 1

Перед вызовом next() внутри not(), оберните (преобразуйте) this в селектор jquery.

$(".details").not($(this).next()).slideUp();