2012-06-29 5 views
0

Я делаю функцию слайда div. Я хочу Диво замирание и тумблер в обозначенной ориентацииtoggle jquery

, такие как я щелкаю правую BTN, то DIV будет исчезать из поля слева направо и я нажимаю левую BTN, то DIV будет исчезать справа налево

это моя половина закончила код, позиция DIV не должна измениться, просто сделать это исчезло, как слайд http://jsfiddle.net/pL5g2/4/

мой код не может достичь своей цели, потому что я не могу контролировать направление переключения. доза у кого есть хорошая идея?

+0

Может быть, добавить другой параметр, чтобы указать направление? @anonymousdownvotingislame. У вас тоже отличное имя. Я полностью согласен. – nnnnnn

ответ

0

Я не знаю, получила ли я вашу идею. Я изменил код, как показано ниже

$.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"); 
});​ 

Я создал demo. Пожалуйста, подтвердите это.

+0

Этот эффект не то, что я хочу, но все равно спасибо; – user1490429

+0

выше адрес сломан, см. Здесь http://jsfiddle.net/pL5g2/4/ – user1490429