$('iframe').css('visibility','hidden') not working in Google chrome

Question

I am using something like

$(\'ul li\').find(\'iframe\').css({\'visibility\':\'visible\'});

which works fine In Firefox and Opera,

cons

Answer 1

The object map should work just fine but if you're only setting a single style it may be easier to skip the object map completely. Try this:

$('ul li').find('.titThumb').css('visibility', 'visible');
$('ul li').find('.titIframe').css('visibility', 'hidden');

http://api.jquery.com/css/

Answer 2

There are issues with actually making iframes invisible (i.e. using visibility:hidden or display:none). But you can make them disappear by being small enough

$('ul li').find('iframe').css({"height":"0", "width":"0", "border":"none"});

Answer 3

I know this is a bit dated, but I just ran into the same problem. My solution was

css( 'opacity', 0 )