jquery - クラスの 1 つの要素を表示し、他のすべての要素を非表示にする

Question

次の関数を使用して、正しい要素を表示する前にクラスのすべての要素を非表示にします。しかし、後の要素で二重のアニメーションが発生しています。

http://jsfiddle.net/cR9bJ/16/

関数は h2 によって呼び出されます。

機能は次のとおりです。

function showSubList(obj) {
var elem = obj;
$('.sublist').hide(function() {
    $(elem).parent().children('.sublist').show();
});
}​

Answer 1

最初に要素を非表示にしてから、必要な要素を表示します。

function showSubList(obj) {
    $('.sublist').hide(300);
    $(obj).parent().children('.sublist').show();
};​

これにより、二重アニメーションが修正されます。

デモ