0

私はもっ​​と簡単に書くことができると思ういくつかの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");
    }       
  });
});
4

1 に答える 1

2

あなたのスタイルをCSSクラスに入れてください：

.myClass { left: -232px }

クリックすると切り替えます。さらに、.toggle()メソッドを使用して可視性を切り替えます。

$('.utilTabFilter').click(function() {
   $('#sideFilter.smallScreenFilter').toggleClass('myClass');
   $('.smallScreenFilter .utilFollowFilter').toggle();
});
于 2012-10-15T11:54:27.497 に答える