divスライド機能を作っています。指定した向きで div のフェードとトグルが欲しい
右ボタンをクリックすると、div が左から右にフェードし、左ボタンをクリックすると、div が右から左にフェードします
これは私の半分完成したコードです.divの位置は変更されるべきではありません.スライドのように消えてください http://jsfiddle.net/pL5g2/4/
トグルの方向を制御できないため、コードで目的を達成できません。誰か良いアイデアを持っていますか?
divスライド機能を作っています。指定した向きで div のフェードとトグルが欲しい
右ボタンをクリックすると、div が左から右にフェードし、左ボタンをクリックすると、div が右から左にフェードします
これは私の半分完成したコードです.divの位置は変更されるべきではありません.スライドのように消えてください http://jsfiddle.net/pL5g2/4/
トグルの方向を制御できないため、コードで目的を達成できません。誰か良いアイデアを持っていますか?
私があなたの考えを理解したかどうかはわかりません。以下のようにコードを修正しました
$.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");
});
デモを作成しました。それを確認してください。