JSFiddle - React, Tailwind, and code Playground

by nickpish

HTML

<h3 class="toggle-trigger">Parent 1</h3>
<div class="toggle-group">
  <p>Child 1</p>
</div>

JavaScript

$(function() {
  

  var togTrigger = $('.toggle-trigger');
	var togGroup = $('.toggle-group');
	
	// hide toggle group by default
	togGroup.css('display','none');
	
	// show/hide toggle group on toggle tricker click
	togTrigger.on('click', function() {
		$(this).toggleClass('expanded');
		$(this).next(togGroup).toggle();
    
	});


});