FadeIn（）alert-error在bootstrap3中不起作用

Question

尝试使用bootstrap 3警告错误并隐藏类而将消息淡入div，但它无法正常工作。同样的事情是使用bootstrap 2.3.2是否有任何其他方法用于bootstrap 3。

HTML：

<div id="success" class="alert alert-success hide"></div><br>
<button type="submit" id="click" >Click</button>

JavaScript的：

$("#click").click(function() {
    $("#success").html('Hello World!').fadeIn();
});

Bootstrap3小提琴：http://jsfiddle.net/MLpyH/

Bootstrap2.3.2小提琴：http://jsfiddle.net/e4SAK/

Answer 1

$("#success").html('Hello World!').removeClass("hide").hide().fadeIn("slow");

http://jsfiddle.net/MLpyH/11/

Answer 2

自Bootstrap 3.0.1起，班级.hide为deprecated，由.hidden或.sr-only取代：

<div id="success" class="alert alert-success hidden"></div>

通过rps更新答案：

$("#success").html('Hello World!').removeClass("hidden").hide().fadeIn("slow");

（我不想写一个全新的答案，但我不允许发表评论。无论如何，谢谢你，rps）