jquery - 親 div の外側にある (右にスライドした) 要素を非表示にするにはどうすればよいですか?

Question

div に「スライドイン」ツールボックスを作成しようとしています。div が読み込まれると、ユーザーがクリックできる部分を除いて、スライド コンテンツが親の右側に完全に移動します。次に、クリックすると、スライド コンテンツがスライド インします。

この関数を使用して、スライドイン/スライドアウトします。

$(function () {
$("#clickme").toggle(function () {
    $(this).parent().parent().animate({right:'-40px'}, {queue: false, duration: 500});
}, function () {
    $(this).parent().parent().animate({right:'-320px'}, {queue: false, duration: 500});
});

});

参照: http://jsfiddle.net/ySQgm/

ただし、スライダーを折りたたむと、まだ div の外側にコンテンツが表示されますが、非表示にしてからエレガントにスライドさせたい.