Javascript 使用静态div从屏幕右边缘滑动div

我只是希望在页面上有一个静态按钮/image/div，onclick可以激活一个单独的div，从屏幕的右侧滑动。这个链接实际上就是我想要的：

问题是，我不希望按钮随它滑动，它应该保持在页面上的静态位置。然后，我希望在新可见的div中有一个“close”按钮

$（函数（）{
$（“#单击我”）。切换（函数（）{
$（this.parent（）.animate（{right:'0px'}，{queue:false，duration:500}）；
}，函数（）{
$（this.parent（）.animate（{right:'-280px'}，{queue:false，duration:500}）；
});
});
正文{
溢出x：隐藏；
}
#滑出{
背景:#666；
位置：绝对位置；
宽度：280px；
高度：80px；
最高：45%；
右：-280px；
左侧填充：20px
}
#点击我{
位置：绝对位置；
顶部：0；左侧：0；
高度：20px；
宽度：20px；
背景：#ff0000；
}
#滑动内容{
浮动：左；
}

是的，有龙，先生！
一种可能的解决方案是滑动内容分区。类似于：


更新的CSS：

#slidecontent {
position: absolute;
right: 0px;
}

更新JS:

$(function () {
$("#clickme").toggle(function () {
    $(this).siblings("#slidecontent").animate({right:'280px'}, {queue: false, duration: 500});
}, function () {
    $(this).siblings("#slidecontent").animate({right:'0px'}, {queue: false, duration: 500});
});
});