javascript - Javascript推出菜单

Question

目前我有一个从屏幕侧面出来的菜单，但它只是与页面上的内容重叠。我需要它来减小主要内容的大小或挤压/推动它。

希望这是足以让您理解的代码。我的项目很大，所以我不能发布所有代码

我希望我的菜单在此处表现得像正确的推送菜单：http: //tympanus.net/Blueprints/SlidePushMenus/

我的Javascript：

$(document).ready(function() {
    $(".Help").click(function() {
        var $body = $("#sliderMenu");
        $body.animate({
            right: parseInt($body.css("right"), 10) == 0 ? -($("#sliderBody").outerWidth()) : 0
        });
    });
});

CSS：

#sliderMenu
{
    position:absolute;
    top:0px;
    right:-360px;
    height: 100%;
    z-index: 1000;
}


#sliderBody
{
    float:right;
    top:0px;
    width:349px;
    background:#333333;
    border-left: 2px solid #00B463;
    border-top: 2px solid #00B463;
    border-bottom: 1px solid black;
    padding-left: 10px;
    height: 100%;
    color: White ;
    padding-top: 5px;
}