View Full Version : Animated Collapsible DIV and Flash

09-04-2007, 10:37 PM
1) Script Title: Animated Collapsible DIV

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

3) Describe problem:
The script is working great, but I'm having an issue when it comes to having a .swf in the expanding div. In IE7 the swf is hidden just fine as the div collapses, however when I test the page in Firefox and Safari the Flash content always displays and is not being hidden when the div collapses. Any thoughts?

Thanks in advance.

09-05-2007, 05:17 AM
The portion of your Flash tag set that is used by those other browsers (usually it's the nested embed or, if done with two object tags, the nested object tag) may not be configured properly to allow that. Also, due to differences in browser behavior with plug ins like Flash, there may be no simple way around it. First make sure that the wmode is set for both tags as indicated below.

Follow the detailed information at:


Or, if this short version (good in most cases) fixes it, so much the better! Add in this language to your object/embed tag:

Add the following parameter to the OBJECT tag:

<param name="wmode" value="transparent">

Add the following attribute to the EMBED tag:


Or, if you are using two object tags, as can and is sometimes done, add the param tag to both of them.

If you are using script to generate the tags (as is frequently done to avoid the 'click to activate' feature in some browsers), the wmode transparent must be passed to the script. This is easily accomplished but, varies depending upon the sort of script one uses. Some scripts do it automatically.

If you need more help:

Please post a link to the page on your site that contains the problematic script so we can check it out.

09-05-2007, 03:22 PM
Thanks! That fixed it!