JSFiddle - React, Tailwind, and code Playground

by jim ulle

HTML

<ul class="lessonList">
   <li class="lessonItem" id="1"><input type="checkbox" class="scopeCheck">Default Scope
      <ul style="display:none;" class="scope1">...other content in here</ul>
   </li> 
</ul>

CSS

li { cursor: pointer; }

JavaScript

$(document).on("click",".lessonItem",function(e){
    e.stopImmediatePropagation();
         //$(this).children("ul").slideToggle();
    alert("clicked");

});