jQuery向左和向右滑动 - 编写代码的简单方法？

Question

我有一些jQuery，我认为可以编写得更简单，我是jQuery的新手，我还想在代码中添加幻灯片进出动画，但不知道如何最好地执行此操作。任何帮助都会很棒。

$(document).ready(function() {
  $('.utilTabFilter').click(function() {
    if($('#sideFilter.smallScreenFilter').css("left")=="0px")
    {
        $('#sideFilter.smallScreenFilter').css("left","-232px");    
        $('.smallScreenFilter .utilFollowFilter').css("display","none");
    }
    else
    {
        $('#sideFilter.smallScreenFilter').css("left","0");
        $('.smallScreenFilter .utilFollowFilter').css("display","block");
    }       
  });
});

Answer 1

将你的风格放入CSS类：

.myClass { left: -232px }

并点击即可切换。另外，使用.toggle()方法切换可见性：

$('.utilTabFilter').click(function() {
   $('#sideFilter.smallScreenFilter').toggleClass('myClass');
   $('.smallScreenFilter .utilFollowFilter').toggle();
});