JSFiddle - React, Tailwind, and code Playground

by the_archer

HTML

<script type="http://devgrow.com/plugins/jcollapsible/jCollapsible.min.js"></script>
<script type='text/javascript'> 
$(document).ready(function(){
    $('#example').collapsible({xoffset:'-10',yoffset:'5',defaulthide: false});
});
</script>

    <ul id="example">
        <li>Parent Object 1
            <ul>
                <li>Child Object 1</li>
                <li>Child Object 2</li>
            </ul>
        </li>
        <li>Childless Object</li>
        <li>Parent Object 2
            <ul>
                <li>Child/Parent 1
                    <ul>
                        <li>Grandchild 1</li>
                        <li>Grandchild 2</li>
                    </ul>
                </li>
                <li>Child Object 2</li>
            </ul>
        </li>
    </ul>

CSS

#example, #example2, #example3 { width: 120px; float: left; margin-right: 40px; }