'Ordered Lists Inside ShieldUI Accordion

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>
shieldui


Solution 1:[1]

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>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Vladimir Georgiev

Related Questions