javascript - Wordpress 过滤按钮 : Content fading out and fading in

Question

我正在使用这个 javascript 来打开和关闭网站上某些内容的显示，具体取决于后端设置的内容类别:

<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

你试过 fadeOut(); 吗？

<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>