Collapse Animation - On Opening about bootstrap HOT 10 CLOSED

Thanks for the bug report. I will address this as part of the 3.0.1 release.

from bootstrap.

Thanks, I can see there is a function that does the animation. However I need a fix?

I have a feeling that max-height may work. What would you recommend?

from bootstrap.

@Ne-Ne - If your HTML markup is compliant with all the requirements shown in twbs' documentation about the collapse plugin, and you don't have any custom CSS affecting the height/max-height/etc... it should just work.

from bootstrap.

Thanks for replying @alademann . I missed there was a conflict between my JS and the transition.js file.

However I have set the HTML5 Data attr to collapse. However on document load the animation starts (opened -> closed) on every container. I would like the containers to be closed then apply the click toggle to the accordion.

-Neil

from bootstrap.

@Ne-Ne clicking on them doesn't toggle their visibility?

from bootstrap.

On page load they collapse straight away.

Don't get me wrong the animation (on toggle works fine), but as I have a lot of content within the accordion, as the initial random collapse look obvious.

Using the data attr does this enforce the collapsed element on load or is there a natural delay?

from bootstrap.

The data attribute is hooked into the collapse plugin on domReady I believe - so you would need to hard-code a css class on the containers that are present at time of load that hide that content before the collapse occurs.

from bootstrap.

That makes sense however I checked the CSS and there is height 0px and overflow hidden (I believe).

Without looking to be a pain in the arse. Would this negate the need for a hardcoded class?

Many thanks

Sent from my iPhone

On 5 Sep 2013, at 20:58, Aaron Lademann [email protected] wrote:

The data attribute is hooked into the collapse plugin on domReady I believe - so you would need to hard-code a css class on the containers that are present at time of load that hide that content before the collapse occurs.

—
Reply to this email directly or view it on GitHub.

from bootstrap.

Neil,

Please post an example / link to the behavior you're seeing.

from bootstrap.

I'm working off Mamp Pro, will get a copy on a subdomain in the morning (uk).

Thanks for looking into this.

Sent from my iPhone

On 5 Sep 2013, at 21:18, Aaron Lademann [email protected] wrote:

Neil,

Please post an example / link to the behavior you're seeing.

—
Reply to this email directly or view it on GitHub.

from bootstrap.