Twitter Bootstrap nascondi classe css e jQuery

Question

Sto usando la classe hide css per nascondere un pulsante sul caricamento della pagina.

Il problema è che quando provo a mostrare il pulsante che ho nascosto in precedenza con jQuery il pulsante è più piccolo.

(la stessa cosa non succede quando uso jQuery per nascondere e poi mostrare il pulsante)

Grazie per l'aiuto.

Edit: nascondere classe è proprio questo:

.hide { 
    display: none; 
} 

mio pulsante:

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

Javascript io uso per visualizzare il pulsante:

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

Answer 1

Come dfsq detto Ho appena avuto utilizzare removeClass("hide") anziché toggle()

Answer 2

Se un elemento ha classe "nascondere" di bootstrap e si desidera visualizzare con qualche effetto di scorrimento, come .slideDown(), si può barare bootstrap come:

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

Answer 3

Sono d'accordo con dfsq se tutto quello che vuole fare è mostrare il pulsante. Se si vuole passare da nascondere e mostrare il pulsante tuttavia, è più facile da usare:

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

Answer 4

Questo è quello che faccio per quelle situazioni:

Io non metto l'elemento HTML con classe ' hide ', ma ho messo style = "display: none".

Ciò è dovuto al fatto che bootstrap jquery modifica l'attributo di stile e non le classi da nascondere/mostrare.

Esempio:

<button type="button" id="btn_cancel" class="btn default" style="display: none">Cancel</button> 

o

<button type="button" id="btn_cancel" class="btn default display-hide">Cancel</button> 

In seguito, è possibile eseguire tutte le seguenti che funziona:

$('#btn_cancel').toggle() // toggle between hide/unhide 
$('#btn_cancel').hide() 
$('#btn_cancel').show() 

È inoltre possibile uso della classe di Twitter Bootstrap 'display-hide', che funziona anche con il metodo jQuery IU .toggle().