v4 - Accordion example should use cards

[kkirsche]

Partial Fix: #17157 #18375

Additional code needed to get cards to butt up against each other as expected.
Original (V3) isn't butted up against each other

Result:

[hkdobrev]

You could use .card-text to better show the usage of cards as many people would copy from this example.

[kkirsche]

To me card text doesn't look right. If that's what people suggest I can but I personally don't find that to look like what I'd expect from an accordion.

[ryannealmes]

Hey guys,

I am playing around with v4 and noticed that the funcitonality for accordian doesn't quite match the existing functionality. It seems that the accordian does not collapse open cards when you click on another card (note this seems to work as expected when using panels).

See fiddle for example.

http://v4-alpha.getbootstrap.com/components/collapse/#accordion-example

Am I missing something? Maybe a setting?

Thanks.

[twbs-lmvtfy]

Hi @ryannealmes!

You appear to have posted a live example (https://fiddle.jshell.net/aswognd9/show/light/), which is always a good first step. However, according to the HTML5 validator, your example has some validation errors, which might potentially be causing your issue:

• line 101, column 1 thru column 7: End tag for body seen, but there were unclosed elements.
• line 63, column 3 thru column 65: Unclosed element div.

You'll need to fix these errors and post a revised example before we can proceed further.
Thanks!

(Please note that this is a fully automated comment.)

[mdo]

Different issue and there's a PR to address it I believe.

[kkirsche]

Thanks, @mdo