Twitter Bootstrap ukryj klasę css i jQuery

Question

Używam ukrytej klasy css, aby ukryć przycisk podczas wczytywania strony.

Problem polega na tym, że gdy próbuję wyświetlić przycisk, który poprzednio ukryłem za pomocą jQuery, przycisk jest mniejszy.

(to samo się nie dzieje, gdy używam jQuery ukryć, a następnie wyświetlić przycisk)

Dzięki za pomoc.

Edit: hide klasa jest właśnie to:

.hide { 
    display: none; 
} 

Mój przycisk:

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

Javascript używam, aby pokazać przycisk:

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

Answer 1

Jak dfsq powiedział miałem tylko używać removeClass("hide") zamiast toggle()

Answer 2

Jeśli element ma klasę „ukryć” Bootstrap i chcesz pokazać je z pewnym przesuwnym wpływ taki, jak .slideDown(), można oszukać bootstrap jak:

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

Answer 3

zgadzam się z dfsq jeśli wszystko, co chcesz zrobić pokazuje przycisk. Jeśli chcesz, aby przełączyć się między ukrywanie i pokazywanie przycisku jednak jest łatwiejszy w użyciu:

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

Answer 4

To, co mogę zrobić dla tych sytuacjach:

Nie rozpocząć elementu HTML z klasą " ukryj ", ale umieszczam style =" display: none ".

Jest tak dlatego, że jquery programu ładującego modyfikuje atrybut stylu, a nie klasy do ukrywania/odkrywania.

Przykład:

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

lub

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

Później można uruchomić wszystkie następujące warunki, które będą pracować:

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

Można również uso klasę Twitter Bootstrap "display-hide", który działa również z metodą jQuery IU .toggle().