Как сделать слайд слайда справа налево ⇐ CSS

[Гость]

получил от кого-то код....

мне нравится делать скользящий элемент div с правого слайда налево, я имею в виду, что он скрывает элемент управления вправо и медленно сдвигается влево на ширину 300 пикселей.

HTML

Код: Выделить всё

quote
User Area

CSS

Код: Выделить всё

#loginPanel {
color: #000;
cursor:pointer;
}

#userNav {
width: 200px;
height: 200px;
display: none;
background: #ff0000;
}

Jquery

Код: Выделить всё

// Open / Close Panel According to Cookie //
if ($.cookie('panel') == 'open'){
$('#userNav').slideDown('fast');
} else {
$('#userNav').slideUp('fast');
}

// Toggle Panel and Set Cookie //
$('#loginPanel').click(function(){
$('#userNav').slideToggle('fast', function(){
if ($(this).is(':hidden')) {
$.cookie('panel', 'closed');
} else {
$.cookie('panel', 'open');
}
});
});

Пожалуйста, нужна помощь в этом вопросе. просто чтобы div скользил справа налево

вот скрипка http://jsfiddle.net/7m7uK/195/

Подробнее здесь: https://stackoverflow.com/questions/156 ... ht-to-left