javascript - JQuery .next()が次の兄弟を見つけられない

Answer 1

.next()指定されたセレクターを満たす場合、次の要素のみをフェッチしようとします。2番目のケースでは、次の兄弟はshowDescription要素ではありません

$('.more').click(function () {
    $(this).html(function (_, html) {
        return $.trim(html) == '▼' ? '▲' : '▼'
    }).nextAll('.showDescription').first().stop().fadeToggle();
});

デモ:フィドル

Answer 2

.nextは、すぐ隣のものだけを調べます。次にすべてのものを調べるわけではありません。あなたがしたい.nextUntil。

$('.more').click(function() {
    $(this).html($(this).html()=='▼'?'▲':'▼').nextUntil('.more', '.showDescription').stop().fadeToggle();
});

デモ: http://jsfiddle.net/vDPZH/10/