JSFiddle - React, Tailwind, and code Playground

by neal_fletcher

HTML

<div class="header parent espresso" href="http://adamsconn.sb-studio.co.uk/products/espresso">Parent</div>		
<div class="header child espresso" href="http://adamsconn.sb-studio.co.uk/products/espresso">Child</div>	
<div class="header child espresso" href="http://adamsconn.sb-studio.co.uk/products/espresso">Child</div>	
<div class="header child espresso" href="http://adamsconn.sb-studio.co.uk/products/espresso">Child</div>	
<div class="header parent espresso" href="http://adamsconn.sb-studio.co.uk/products/espresso">Parent</div>	
<div class="header child espresso" href="http://adamsconn.sb-studio.co.uk/products/espresso">Child</div>	
<div class="header child espresso" href="http://adamsconn.sb-studio.co.uk/products/espresso">Child</div>

JavaScript

$(document).ready(function () {

            $('div.parent').toggle(
        function() {
            $(this).nextUntil('div.parent').hide();
         },
        function() {
            $(this).nextUntil('div.parent').show();
        }
    );

    });