Javascript 使用jquery的简单动画/css属性

基本上，我有一个简单的页面，其中有一个主页

内容包装

，右侧有一个侧栏

#右侧侧栏

我试图让内容有一个右边的空白，这样它就不会覆盖边栏，当它被隐藏时，它就会扩展

我正试图为这个制作一个简单的动画，但它不起作用。它没有任何作用。H如何才能以相同的计时制作平滑的动画，这样我就可以放置边距并开始向左推侧边栏

 var rightSidebarOpen = false;
$('#toggle-right-sidebar').click(function () {
    if(rightSidebarOpen) {
        $('#sidebar-right').hide("slide", { direction: "right" }, 1000);
        $('.content-wrapper').css('margin-right', "0");
    }
    else {
        $('#sidebar-right').show("slide", { direction: "left" }, 1000);
        $('.content-wrapper').css('margin-right', "205px");
    }
    rightSidebarOpen = !rightSidebarOpen;
});

---

如果要设置页边距的动画，请使用jQuery.animate（）：

---

你也能写下你的

HTML

吗？有什么帮助吗？PLSSI也需要HTML代码

if(rightSidebarOpen) {
   $('.content-wrapper').animate({marginLeft: '-=205px'}, 1000)
} else {
   $('.content-wrapper').animate({marginLeft: '205px'}, 1000)
}