JSFiddle - React, Tailwind, and code Playground

by thayes

HTML

<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.css">
<div data-role="collapsible-set" id="collapsible" data-theme="a">
    <div data-role="collapsible" data-collapsed="false">
        <h3>Accordion test</h3>
        <p>
            Lorem ipsum
        </p>
    </div>
</div>

CSS

#collapsible {
    padding: 3em;
}

#collapsible a {
    border: 1px solid #CCCCCC;
}

.ui-collapsible-content {
    border: 1px solid #CCCCCC;
}

.ui-icon {
    /*background-image: url(http://code.jquery.com/mobile/1.0.1/images/icons-18-white.png);*/
    background-color: #FD409C;
}