JSFiddle - React, Tailwind, and code Playground

by mwil

HTML

<div data-role="collapsible" id="c">
  <h2>Collapse</h2> 
  <ul data-role="listview">
    <li>You don't see me!</li>
  </ul>
</div>

<a href="#" data-role="button" onClick="$('#c').off('expand', stop)">
  Unlock the collapsible
</a>

<a href="#" data-role="button" onClick="$('#c').on('expand', stop)">
  Lock the collapsible
</a>

JavaScript

var stop = function(event) {
    alert('Locked!');
    event.preventDefault();
}

// executed after the element is created ...
$('#c').on('expand', stop)