jquery - 如何创建切换？

Question

我想创建这个“点击”功能来进行切换。默认情况下，body有一个“ margin: 0px; ”，所以我想要一个链接来将 Body 的边距从 0px切换到右侧 50px。用滑动效果动画过渡会很好！

我有一个简单的代码...

   $("a").click(function () {
    $("body").css("margin","0px 0px 0px 50px");
    return false;
   });

Answer 1

您可以在 css 中创建一个类，然后调用 jQuery toggleClass

.someClass
{
 margin: 0 0 0 50px!important;
}

$("a").click(function () {
       $("body").toggleClass('someClass');
       return false;
 });