jquery - div スライドを所定の位置に jQuery に挿入する方法

Question

<div>関数が呼び出されたときに画面にスライドを作成しようとしています。現時点では、クリックすると画面に表示されるようにしています。スライドさせる方法を知っている人はいますか？*スライドアウトもできれば大きなプラスになります。

Javascript:

function show() {
    var website = document.getElementById('website');
    website.style.left = '0%';
}

HTML:

<a href="javascript:;" onclick="show()" style="color:#999;">Superman - Wikipedia, the    free encyclopedia</a>
<div id="website">

</div>

CSS:

#website {
    height: 100%;
    position: fixed;
    background: #666;
    width: 100%;
    left: 100%;
}

Answer 1

このデモをチェックしてくださいhttp://jsfiddle.net/yeyene/TLtqe/

スライドインし、スライドアウトします。

$('a').on('click',function() {
    if($('#website').css('left')=='0px'){
        $('#website').animate({left: '-100%'}, 1000);        
    }else{
        $('#website').animate({left:0}, 1000); 
    }
});