jquery - jqueryのトグル

Question

divスライド機能を作っています。指定した向きで div のフェードとトグルが欲しい

右ボタンをクリックすると、div が左から右にフェードし、左ボタンをクリックすると、div が右から左にフェードします

これは私の半分完成したコードです.divの位置は変更されるべきではありません.スライドのように消えてください http://jsfiddle.net/pL5g2/4/

トグルの方向を制御できないため、コードで目的を達成できません。誰か良いアイデアを持っていますか？

Answer 1

私があなたの考えを理解したかどうかはわかりません。以下のようにコードを修正しました

$.fn.slideFadeToggle = function(offset, speed, easing, callback) {
    return this.animate({
        opacity: 'toggle',
        width: 'toggle',
        left: offset
    }, speed, easing, callback);
};

// sample to use the above function.
$("#right").click(function() {
    $(".block").slideFadeToggle("+=50px", "slow");
});

$("#left").click(function() {
    $(".block").slideFadeToggle("-=50px", "slow");
});​

デモを作成しました。それを確認してください。