animate を使用してアニメーション化する場合は、こちらをご覧ください。正しい方向に向けられるはずです:
http://jsfiddle.net/3DpfJ/5/embedded/result/ - フルスクリーンの結果
http://jsfiddle.net/3DpfJ/5/ - ソースコード
だから私が単純にしたことはこれでした:
$(function()
{
var expanded = false;
$('#sidebar').click(function()
{
if (!expanded)
{
$(this).animate({'left' : '0px'}, {duration : 400});
expanded = true;
}
else
{
$(this).animate({'left' : '565px'}, {duration: 400});
expanded = false;
}
});
});
これはおそらく、アニメーションを介して行う最も簡単な方法です。Duration は 400 に設定されているため、アニメーションには 0.4 秒かかります。お好みで調整してください。
このスクリプトは、ページをロードしたらすぐに実行して、エキスパンドが確実に機能するようにする必要があります。<script type="text/javascript"></script>
ヘッダーにタグを作成し、そこにコードを配置します。
それがうまくいくことを願っています。