Jquery 将fadein添加到此.on函数

有没有一种方法可以将.fadein方法添加到以下jQuery代码中

当前，当您将鼠标悬停在.button div上时，它会显示另一个具有相应ID的div，但是更改是即时的，看起来有点不稳定，因此我想在每个转换之间添加一个漂亮的淡入淡出

$(".button").on("mouseover",function(){
    $('div.tagline').hide();
    $('#tag-' + this.id).show();
});

试着这样做：

$(".button").on("mouseover",function(){
    $('div.tagline').stop().fadeOut();
    $('#tag-' + this.id).stop().fadeIn();
});

如果方法闪烁，您可能需要添加该方法。

尝试更改

 $('div.tagline').hide();
 $('#tag-' + this.id).show();

与

以这种形式写入，fadeIn和fadeOut将同时执行（并行）：如果您希望结束fadeOut，然后执行fadeIn，只需写入即可

 var self = this;
 $('div.tagline').fadeOut(function() {
     $('#tag-' + self.id).fadeIn();
 });

---

第二个选项起作用了，但现在它有一种奇怪的“闪烁”效果。有什么办法可以阻止吗这是可行的，但现在有一个“闪光”效果。我能把它去掉吗？现在文本没有出现。。。效果是存在的，但文本不是

 var self = this;
 $('div.tagline').fadeOut(function() {
     $('#tag-' + self.id).fadeIn();
 });