jquery - 如何创建切换？

Question

我想创建这个“点击”功能来进行切换。默认情况下，body 有一个“ma​​rgin: 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;
 });