JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/base/jquery-ui.css">
<div id="accordion">
    <h3><a href="#">Text <span id="id">More text <input type="checkbox"/></span></a></h3>
    <div>content etc</div>
    <h3><a href="#">Text <span id="id">More text <input type="checkbox"/></span></a></h3>
    <div>content etc</div>
</div>

JavaScript

$('#accordion').accordion();
$('#accordion input[type="checkbox"]').click(function(e) {
    e.stopPropagation();
});