HTML 元素在使用 jquery 时不会淡出

我有一个小型网络项目，您可以在这里看到：http://seegermattijs.be/pickone/当您插入两个项目时，选择一个按钮应该淡入。不幸的是它不会淡出。我使用以下代码：

$('.bigBtn').fadeIn('slow');

一开始我让 .bigBtn 不可见：

$('.bigBtn').hide()

我究竟做错了什么？

您已应用的 CSS 过渡every页面上的元素（您的css/main.css):

* {
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
}

与 jQuery 淡入淡出动画发生冲突。

使用以下方法从按钮中删除 CSS 过渡：

.bigBtn {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

（或者更好的是，只将它们应用到您想要的地方）。

Your .fadeIn('slow')然后就可以工作了。