如何在jQuery中为弹出框添加淡入淡出效果？

Question

我正在使用.show() jQuery函数显示一个带有jQuery的弹出框，并隐藏.hide()。

如何添加可爱的动画，就像褪色一样？

// show pop up
$('.mypopup').show();

// hide pop up
$('.mypopup').hide();

Answer 1

将.show()替换为.fadeIn()，将.hide()替换为.fadeOut()

.show()和.hide()功能适用于display:none和display:block属性，其中.fadeIn()和.fadeOut()的工作方式相同，但带有动画。