Shrink Accordion by clicking summary?

[DiceBreakers]

Hello everyone!

I'm building my first app with Svelte/SkeletonUI and find myself using the accordion component in a few places. I was wondering - is there a built-in way to set it so that clicking the summary heading on an AccordionItem closes that item back down? I felt like this is a pretty common behavior in accordion components around the web, but didn't see that functionality listed in the docs.

If this isn't built-in, is there a clean way you'd recommend I incorporate that functionality? I think I could figure out a way through events and if statements, but it feels clunky in my head and I assume there is a smarter way to do it than what I'm considering.

I think this question makes sense without including any code or pictures, but let me know if that's not the case and there is anything I can provide to clarify my question.

Thanks!

[endigo9740]

@DiceBreakers we offer two modes for this component based on the autocollapse setting:

• When on - only one item can be open at any given time
• When off (no attribute) - items can be toggled on/off at will independently

https://www.skeleton.dev/components/accordions#autocollapse-mode

[DiceBreakers]

I knew I was being a doofus in one way or another. I like the autocollapse function in my other accordions so I did that by default in this one... But I can see why that would be problematic with clicking to close an item. Thank you for the quick reply!