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

我有一些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");
    }
  });
});

最佳答案

将样式放入CSS类：

.myClass { left: -232px }

并在点击时进行切换。加上使用.toggle()方法来切换可见性：

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