Javascript Jquery淡出/淡出太突然

我有这个js代码

编辑：忘了提一下，当iframe加载时，我有这个fadeIn

$('iframe').on('load', function(){
muteVideo();
playVideo();
$(this).fadeIn();
$('.ligarsom').fadeIn();
setTimeout(function() {$('.ligarsom').fadeOut()}, 20000);
});

还有这个

<script>
$(document).ready(function(){
$('.ligarsom').on('click', function(){
$('.ligarsom').fadeOut(1000);
});
}); 
</script>

$（文档）.ready（函数（）{
$（'.ligarsom'）。在（'click'，function（）上{
美元（'.ligarsom'）。衰减（1000）；
});
}); 

这个html

<div class="ligarsom" style="display:none;"></div>

当我使用style=“visibility:hidden”时，div甚至不会出现。就像上面的淡出并没有像它应该的那样工作，并没有动画，它只是突然隐藏。我的代码有什么错误吗

---

请参见：www.finecolor.com.br/novo

这应该是这样的

HTML

---

}))

这应该是这样的

HTML

---

}))

问题：

转换：

与

淡出（）函数动画冲突

解决方案：将此添加到css中：

.ligarsom, .ligarsom:hover{
    transition: none;
}

问题：
转换：
与
淡出（）函数动画冲突

解决方案：将此添加到css中：

.ligarsom, .ligarsom:hover{
    transition: none;
}

如何单击隐藏的div？您的div已隐藏。。。。代码中没有逻辑…而且您没有关闭$（文档）。准备好了吗。。。右括号和圆括号（
}））仅在.on事件处理程序上。如何单击隐藏的div？您的div已隐藏。。。。代码中没有逻辑…而且您没有关闭$（文档）。准备好了吗。。。右括号和圆括号（
}））仅在.on事件处理程序上。我同意这是对其代码的宝贵编辑。但我不相信它能回答他的具体问题。我同意这是对他的代码的有价值的编辑。但我不相信这能回答他的具体问题。
.ligarsom, .ligarsom:hover{
    transition: none;
}