object's don't obey traditional css layering. You'll need to hide the
object first then toggle your div.
On Thu, Apr 9, 2009 at 12:16 PM, tetris <tetri...@gmail.com> wrote:
>
> hello
> to simply toggle a div that contains a flash movie does not work in
> firefox,the flash object does not disappear gradually, any thoughts?
> code:
> <script>
> $(document).ready(function(){
>
> $("button").click(function () {
> $("div").toggle("slow");
> });
>
> });
> </script>
>
> </head>
> <body>
> <button>Toggle 'em</button>
> <div>
> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
> codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/
> swflash.cab#version=10,0,0,0<http://download.macromedia.com/pub/shockwave/cabs/flash/%0Aswflash.cab#version=10,0,0,0>"
> width="300" height="250" id="banner"
> align="middle">
> <param name="allowScriptAccess" value="sameDomain" />
> <param name="allowFullScreen" value="false" />
> <param name="movie" value="banner.swf" /><param name="quality"
> value="best" /><param name="bgcolor" value="#000000" /> <embed
> src="banner.swf" quality="best" bgcolor="#000000" width="300"
> height="250" name="banner" align="middle"
> allowScriptAccess="sameDomain" allowFullScreen="false"
> type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/
> go/getflashplayer <http://www.adobe.com/%0Ago/getflashplayer>" />
> </object>
> </div>
>
> </body>
>
