Javascript Wordpress过滤器按钮：内容淡出和淡入

我使用此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> 

var$btns=$（'.btn'）。单击（函数（）{
如果（this.id=='all'）{
$（'.projekte>.post'）.fadeIn（600）；
}否则{
var$el=$（'..+this.id）.fadeIn（600）；
$（'.projekte>.post'）.not（$el.hide（）；
}
$btns.removeClass（'active'）；
$（this.addClass（'active'）；
})

当设置为活动的内容（即正在显示）很好地淡入淡出。我如何才能让消失的内容也一样顺利地淡出？到目前为止，它只是瞬间消失，这严重破坏了网站的视觉感受

---

这里可以看到该脚本的实时演示：

使用jQuery方法-fadeOut（）或为元素类定义css转换

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

可以替换为

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

---

使用jQuery方法-fadeOut（）或为元素类定义css转换

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

可以替换为

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

你试过淡出吗

var$btns=$（'.btn'）。单击（函数（）{
如果（this.id=='all'）{
$（'.projekte>.post'）.fadeIn（600）；
}否则{
var$el=$（'..+this.id）.fadeIn（600）；
$（'.projekte>.post'）。而不是（$el）.fadeOut（600）；
}
$btns.removeClass（'active'）；
$（this.addClass（'active'）；
})

您尝试过淡出（）吗

var$btns=$（'.btn'）。单击（函数（）{
如果（this.id=='all'）{
$（'.projekte>.post'）.fadeIn（600）；
}否则{
var$el=$（'..+this.id）.fadeIn（600）；
$（'.projekte>.post'）。而不是（$el）.fadeOut（600）；
}
$btns.removeClass（'active'）；
$（this.addClass（'active'）；
})

你有现场演示吗？为什么不仅仅是$（'.projekte>.post'）。而不是（$el.fadeOut（600）；而不是隐藏（）；Jap，这个脚本正在我正在处理的这个web项目中使用：按钮位于主菜单的顶部（“alle”“WiSe 15/16”等等）。该网站是德语的，对此表示歉意，但按钮的功能以及我当前的淡入淡出问题应该是显而易见的。你有现场演示吗？为什么不只是$（'.projekte>.post'）。而不是（$el）.fadeOut（600）；而不是隐藏（）；Jap，这个脚本正在我正在处理的这个web项目中使用：按钮位于主菜单的顶部（“alle”“WiSe 15/16”等等）。该网站是德语的，对此表示歉意，但按钮的功能以及我当前的淡入淡出问题应该是显而易见的。非常感谢。我对javascript非常陌生，不知道我实际上可以添加淡出，就像fadeIn is donehide（）方法将display属性设置为none一样，这是不可设置动画的。看见但是，在将显示更改为无之前，首先将不透明度设置为0。See完美地完成了这个任务，非常感谢。我对javascript非常陌生，不知道我实际上可以添加淡出，就像fadeIn is donehide（）方法将display属性设置为none一样，这是不可设置动画的。看见但是，在将显示更改为无之前，首先将不透明度设置为0。看见