JSFiddle - React, Tailwind, and code Playground

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<ul class="submenu">
    <li class="section"><h2>Section One</h2>
        <ul>
            <li>text</li>
            <li>text</li>
            <li>text</li>
        </ul>
    </li>

    <li class="section"><h2>Section Two</h2>
        <ul style="display: none; overflow-x: visible; overflow-y: visible; ">
            <li style="">text</li>
            <li>text</li>
            <li>text</li>
        </ul>
    </li>

</ul>

CSS

ul { padding-left: 10px; }
ul { border: solid 1px #ddd; }

JavaScript

$('h2').click(function() {
    $(this).next().stop(true, true).slideToggle();
});