如何使用类名来定位下一个元素？

Question

DEMO

---

我正在做一个简单的jquery手风琴效果,如下所示.

JQUERY

$(function ($) {
  $('.Accordian').find('.Btn').click(function () {
    $(this).next('.Content').slideToggle('fast');
    $('.Content').not($(this).next()).slideUp('fast');
  });
});

HTML

<div class="Accordian">
  <div class="Btn"></div>
  <div class="Content"></div>
</div>

然而,如果将内容置于其间.Btn并且.Content然后它中断,则此工作很好.

---

题

1. 如何直接定位相对于单击按钮的下一个可用类名？
2. 如何定位类名的所有元素,除了相对于单击按钮的下一个可用类名？

Answer 1

尝试与兄弟姐妹()

$(function ($) {
    $('.Accordian').find('.Btn').click(function () {
        //cache the value so that it can be used in the next statement
        var $content = $(this).siblings('.Content').slideToggle('fast');
        $('.Content').not($content).slideUp('fast');
    });
});