jquery flash объект показать скрыть

Question

Я пытаюсь показать / скрыть флэш-объект на основе нажатия кнопки, но код не работает
//to hide<br> $('object').css({visibility: 'hidden'});<br> //to show<br> $('object').css({visibility: 'visible'});<br>

Я не хочу использовать .show () и .hide (), так как они также удаляют область флэш-содержимого.

Answer 1

$('object')
.wrap('<div class="fl-wrapper">') // Wrap the flash object in a div.
.parent().css({'overflow':'hidden'}) // Set the wrapper to overflow hidden.
.children().css({'margin-left':-99999});  // Set flash object to be out of box.

Затем, чтобы переключить его обратно, вы можете:

$('object').css('margin-left',0);

Я проверял это только в Firefox. Для других браузеров вам также может понадобиться установить высоту и ширину div-оболочки, равную высоте и ширине объекта.

Answer 2

Из того, что я видел, это невозможно (особенно кросс-браузер). Даже использование Hide / Show не работает в IE6 / 7. Единственное решение, которое я видел, - это удалить объект из DOM / добавить его обратно в DOM.