jquery - jQueryスクリプトを最小化する方法

Question

私はjQueryライブラリからの単純なアクションに取り組んでいます。

$('#hasAccount').click(function() {
        $('.authForm').slideDown(500, function() {
            if ($('.shippingAddress').is(':visible')) {
                $('.shippingAddress').slideUp(250);
            }
        });
});

$('#hasNotAccount').click(function() {
        $('.shippingAddress').slideDown(500, function() {
            if ($('.authForm').is(':visible')) {
                $('.authForm').slideUp(250);
            }
        });
});

動作するコードは次のとおりです：http：//jsfiddle.net/6tZQ2/2/

非常に簡単ですが、このスクリプトを1つのアクションとして最小化するための解決策があるかどうか疑問に思います。

ありがとう ：-）

Answer 1

多分これ？

http://jsfiddle.net/6tZQ2/16/

Answer 2

slideToggleを使用して、ifステートメントを失う可能性があります

Answer 3

ここに行きます-これをより良く/より良く/よりコンパクトにする方法は何百万もありますが...これは私の心の中で最も速いです...：/

http://jsfiddle.net/neuroflux/6tZQ2/3/

[編集]-これはname属性ベースですが-おそらく別の方法で行う方が良いでしょう:)

Answer 4

試してみてください、私はjqueryの専門家ではありません：

$('input[name="account"]').click(function(e) {
    if(e.target.id == 'hasAccount') {
        $('.authForm').slideDown(500, function() {
            if ($('.shippingAddress').is(':visible')) {
                $('.shippingAddress').slideUp(250);
            }
        });
    } else {
        $('.shippingAddress').slideDown(500, function() {
            if ($('.authForm').is(':visible')) {
                $('.authForm').slideUp(250);
            }
        });
    }
});

Answer 5

より一般的なdomに両方の機能を含めるのはどうですか。