Nested card-based accordions don't behave as expected

[aimeos]

Accordions with nested cards don't open/close as expected: https://jsfiddle.net/6Laqymq0/

[cvrebert]

X-Ref: #18160

[cvrebert]

/me kicks @twbs-lmvtfy back to life
https://jsfiddle.net/6Laqymq0/

[twbs-lmvtfy]

Hi @cvrebert!

You appear to have posted a live example (https://fiddle.jshell.net/6Laqymq0/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 47, column 5 thru column 127: Attribute href not allowed on element div at this point.
• line 51, column 5 thru column 127: Attribute href not allowed on element div at this point.
• line 56, column 11 thru column 136: Attribute href not allowed on element div at this point.
• line 60, column 11 thru column 136: Attribute href not allowed on element div at this point.

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.)

[cvrebert]

@aimeos Please fix those.

[aimeos]

@cvrebert Makes no difference: https://fiddle.jshell.net/6Laqymq0/1/

[aimeos]

@cvrebert As an improvement, a "data-href" attribute should be used so we aren't forced to add an tag only for the "href". It works well without the additional tag.

[cvrebert]

@aimeos The plugin already supports a data-target attribute for such cases.

[cvrebert]

I'm gonna say this is on-hold until we get Accordions working with Cards in the first place (#18375).
Once that's fixed, we'll recheck whether nested Card-based Accordions work properly.

[mdo]

Closing because I think #22251 addressed this? Please holler if not.