Twitter Bootstrap hide css class and jQuery

Question

I m using the hide css class to hide a button on page load   The problem is that when i try to show the button i ve previuosly hidden with jQuery the button is smaller    the same thing doesn t happen when i use jQuery to hide and then show the button   Thanks for helping   Edit  hide class is just this    hide       display  none      My button    lt a class  btn hide  id  buttonEditComment  href  javascript void    gt  lt i class  icon-comment  gt  lt  i gt  Edit comment lt  a gt    Javascript i use to show the button       buttonEditComment   toggle

User · Accepted Answer

As dfsq said i just had to use removeClass  hide   instead of toggle

User · Answer

This is what I do for those situations   I don t start the html element with class  hide   but I put style  display  none    This is because bootstrap jquery modifies the style attribute and not the classes to hide unhide   Example    lt button type  button  id  btn cancel  class  btn default  style  display  none  gt Cancel lt  button gt    or   lt button type  button  id  btn cancel  class  btn default display-hide  gt Cancel lt  button gt    Later on  you can run all the following that will work       btn cancel   toggle      toggle between hide unhide     btn cancel   hide       btn cancel   show     You can also uso the class of Twitter Bootstrap  display-hide   which also works with the jQuery IU  toggle   method

User · Answer

If an element has bootstrap s  hide  class and you want to display it with some sliding effect such as  slideDown    you can cheat bootstrap like       hiddenElement   hide   removeClass  hide   slideDown  fast

User · Answer

I agree with dfsq if all you want to do is show the button   If you want to switch between hiding and showing the button however  it is easier to use       buttonEditComment   toggleClass  hide

[jquery] Twitter Bootstrap hide css class and jQuery

Examples related to jquery

Examples related to twitter-bootstrap