got a code here from someone....

what I like is to make the sliding div from right slide to left, i mean it hides the div to the right and slowly slides to the left for 300px width.

HTML

<a id=loginPanel>quote</a>

<div id=userNav>User Area</div>

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');

        }

    });

});

Please need help on this one. just to make the div slide right to left

here is the fiddle http://jsfiddle.net/7m7uK/195/