jquery - jQueryでこれを行うためのより良い方法はありますか？

Question

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

基本的に次の構造で

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

とにかく運動するためにありますか-親とそれからそれは兄弟を通り抜ける必要なしに詳細。ある種のショートカット？

score 1 · Accepted Answer

あなたは使用することができますnext()..

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

それが次の直接の親の兄弟である場合...しかし、私は唯一の方法は最初にその親に行くことだと思います。

score 1 · Accepted Answer

次のようなものかもしれません：

$(".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');
});

2 に答える 2