Show hidden inline-block elements with jquery 1.9

Show hidden inline-block elements with jquery 1.9

I've problem with showing hidden blocks, if they are css: inline-block.

  1. div.profile{
    display: inline-block;
    }


    <div class='profile' style='display: none;'>profile info</div>





But when i do $('.profile').show() it becomes style='display: block' (i can see it in firebug) and overrites my css style...


How can i fix this?

if i have visible inline-block, then hide() and show(), it still will be inline-block, as has written in documentation.


btw, in jquery 1.4 it works correctly.

Thanks.