Есть ли лучший способ сделать это в jQuery?

Question

$(".exercise-name").click (e) -> 
    e.preventDefault() 
    $(this).parent().siblings(".exercise-details").slideToggle('fast') 

В основном в следующей структуре

.exercise 
    .exercise-header 
    .exercise-name 
    .exercise-details 

Есть в любом случае, чтобы добраться до упражнения- деталей без необходимости проходить через одного из родителей, а затем его братья и сестры. Яркая комбинация?

Answer 1

Может быть что-то вроде этого:

$(".exercise-header, .exercise-name").click(function(e){ 
    e.preventDefault() 
    $(this).siblings(".exercise-details").slideToggle('fast'); 
}); 

или это:

$(".exercise-name").click(function(e){ 
    e.preventDefault() 
    $('.exercise').find(".exercise-details").slideToggle('fast'); 
}); 

Answer 2

вы можете использовать next() ..

$(this).parent().next().slideToggle('fast'); 

, если он находится рядом непосредственных родителей братьев и сестер ... однако я думаю, что единственный способ - сначала отправиться к своим родителям.