Wordpressのフィルタボタン：コンテンツはフェードアウトし、バックエンドに設定された内容のカテゴリに応じて、私はオンにこのJavaScriptを使用しています

Question

に退色し、ウェブサイト上の特定のコンテンツの表示オフ：

<script> 
    var $btns = $('.btn').click(function() { 

     if (this.id == 'all') { 
     $('.projekte > .post').fadeIn(600); 
     } else { 
     var $el = $('.' + this.id).fadeIn(600); 
     $('.projekte > .post').not($el).hide(); 
     } 
     $btns.removeClass('active'); 
     $(this).addClass('active'); 
    }) 
</script> 

activeに設定されている（つまり、表示されている）コンテンツはうまくフェードインされます。消えていくコンテンツをスムーズにフェードアウトさせるにはどうすればいいですか？現時点では、瞬時に消えてしまうだけで、ウェブサイトの視覚的感覚と大きく乖離します。

スクリプトのライブデモはここで見ることができます：http://udkdev.skopec.de/category/projekte/

Answer 1

に置き換えることができます）（フェードアウトを試してみました;？

<script> 
    var $btns = $('.btn').click(function() { 

     if (this.id == 'all') { 
     $('.projekte > .post').fadeIn(600); 
     } else { 
     var $el = $('.' + this.id).fadeIn(600); 
     $('.projekte > .post').not($el).fadeOut(600); 
     } 
     $btns.removeClass('active'); 
     $(this).addClass('active'); 
    }) 
</script> 

Answer 2

jQueryのメソッドを使用します - フェードアウト（）または要素のクラスのためのCSSの遷移を定義します。

$('.projekte > .post').not($el).hide(); 

は

$('.projekte > .post').not($el).fadeOut();