Is it possible to remove an inline style of display:none using jquery?

Question

I'm using jquery tabs on my site. I've just installed a new jquery plugin (smooth zoom) for a map I'm using, but it wasn't dipalying . I checked firebug and it's creating an an inline style of display: none.

I've tried using the following to remove the display style, but it's not worked

$(document).ready(function(){
    $("#tabs-4").css('display', '');
});

Is there any way I can completely remove all inline styles from this element using jquery?

Answer 1

try with .removeAttr():

$(document).ready(function(){
    $("#tabs-4").removeAttr('style');
});

and if it doesn't do on doc ready then you can try with window load:

$(window).load(function(){
   $("#tabs-4").removeAttr('style');
});