Child smart-accordion-item

[jqwidgetsdev]

Hi,

What is the way to have children of smart-accordion-item?
In the example below I want to have 4 child items under “First Item”.

How can this be achieved?

    <smart-accordion id="accordion">
      <smart-accordion-item label="First Item">First Item Content.</smart-accordion-item>
      <smart-accordion-item label="Second Item">Second Item Content.</smart-accordion-item>
      <smart-accordion-item label="Third Item">Third Item Content.</smart-accordion-item>
      <smart-accordion-item label="Fourth Item">Fourth Item Content.</smart-accordion-item>
    </smart-accordion>

Thank you.

[Markov]

Hi,

It is not possible to have sub items in the Accordion. The Accordion is not a hierarchical component. You can add DIV tag and some content in the smart-accordion-item.

Regards,
Markov

[jqwidgetsdev]

Ok, that will work and give me the necessary control.

[jqwidgetsdev]

That won’t work for me. For a given smart-accordion-item I may have 2 sub items, for others 4 sub items.
The height of the sub item must be dynamic. Can you please show me?

• This reply was modified 1 year, 3 months ago by jqwidgetsdev.

[svetoslav_borislavov]

Hi,

To achieve a dynamic height of the smart-accordion-item you may set the height of its content to ‘auto’.
The height of the smart-accordion should also be ‘auto’.

Here is an example: https://codepen.io/svetoslavb04/pen/mdjwmwX

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[jqwidgetsdev]

I appreciate the example and nuance, thanks Svetoslav!

[Author]

Posts