JSFiddle - React, Tailwind, and code Playground

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css">
<div class="accordion">
    <h3>
        test1
        <input type="radio" checked="checked" name="radio" />
    </h3>
    <div>
        content<br />
        content<br />
        content<br />
        content<br />
    </div>
    <h3>
        test2
        <input type="radio" name="radio" />
    </h3>
    <div>
        content<br />
        content<br />
        content<br />
        content<br />
    </div>
    <h3>
        test3
        <input type="radio" name="radio" />
    </h3>
    <div>
        content<br />
        content<br />
        content<br />
        content<br />
    </div>
</div>

JavaScript

$(".accordion").accordion({ event: "mouseup" });