JSFiddle - React, Tailwind, and code Playground

by neilime

HTML

<script src="https://raw.github.com/anutron/more-behaviors/master/Source/Fx/Behavior.FxAccordion.js"></script>
<script src="https://raw.github.com/anutron/more-behaviors/master/Source/Delegators/Delegator.AddRemoveClass.js"></script>

CSS

.red {
    background: #DE3535;
}
a {
    display: block;
    cursor: pointer;
}
.toggle {
    cursor:pointer;
    background: #777;
    padding: 2px;
}
.target {
    padding: 4px;
}
[data-behavior=Accordion] {
    width: 300px;
    margin: 10px;
}
#box {
    border: 1px solid #000;
    margin: 10px;
    text-align: center;
    display:inline-block;
}
[data-trigger=toggleClass] {
    width: 100px;
    padding: 40px;
}

JavaScript

new Behavior().apply(document.body);
new Delegator().attach(document.body);