Javascript推出菜单

Question

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

希望这是足够的代码供您理解。我的项目很大，所以我无法发布所有代码

我希望我的菜单的行为类似于右侧推送菜单：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;
}