Ordered Lists Inside ShieldUI Accordion

Question

Is it possible to include an ordered list inside a ShieldUI accordion? Including one seems to break my accordion; I'm hoping there is some sort of flag or work around to get ordered lists working.

<div class='accordion-container'>
    <h2>Delivery Instructions</h2>
    <ul id='accordion'>
        <li>
            <h2>Vehicle Delivery to Media / Client</h2>
            <p>Accordion 1</p>
            <li>Header
                <ol>
                    <li>One</li>
                    <li>Two</li>
                </ol>
            </li>
        </li>
        <li>
            <h2>Delivery to Airport</h2>
            <p>Accordion 2</p>
        </li>
    </ul>
</div>

Can someone from Shield UI confirm whether ordered lists can be made to work in an accordion or not? — denkom, Feb 02 '22 at 14:45

score 0 · Answer 1 · answered Feb 12 '22 at 15:31

Try putting it in a DIV, like this:

  <div class='accordion-container'>
    <h2>Delivery Instructions</h2>
    <ul id='accordion'>
        <li>
            <h2>Vehicle Delivery to Media / Client</h2>
            <p>Accordion 1</p>
            <li>
                <h2>Header</h2>
                <div>
                    <ol>
                        <li>One</li>
                        <li>Two</li>
                    </ol>
                </div>
            </li>
        </li>
        <li>
            <h2>Delivery to Airport</h2>
            <p>Accordion 2</p>
        </li>
    </ul>
  </div>

Perfect - thank you Vladimir, I will give that a try! – denkom Feb 15 '22 at 22:15 — denkom, Feb 15 '22 at 22:15

Ordered Lists Inside ShieldUI Accordion

1 Answers1