Twitter Bootstrap隐藏了css类和jQuery

Question

我正在使用hide css类来隐藏页面加载时的按钮.

问题是当我尝试显示按钮时,我已经预先用jQuery隐藏了按钮更小.

(当我使用jQuery隐藏然后显示按钮时,同样的事情不会发生)

谢谢你的帮助.

编辑:隐藏类就是这样:

.hide {
    display: none;
}

我的按钮:

<a class="btn hide" id="buttonEditComment" href="javascript:void()"><i class="icon-comment"></i> Edit comment</a>

我用javascript来显示按钮:

$("#buttonEditComment").toggle();

Answer 1

正如dfsq所说,我只需要使用removeClass("hide")而不是toggle()

Answer 2

如果一个元素有bootstrap的"hide"类,并且你想用一些滑动效果显示它.slideDown(),你可以欺骗bootstrap,如:

$('#hiddenElement').hide().removeClass('hide').slideDown('fast')

Answer 3

我同意dfsq,如果你想要做的就是显示按钮.如果你想在隐藏和显示按钮之间切换,它更容易使用:

$("#buttonEditComment").toggleClass("hide");