JSFiddle - React, Tailwind, and code Playground

by william

HTML

<div class="full_width_last">
    
    <div class="sub_div1" style="display:none">
        <h2>Join</h2>
        <p>Click here to sign up.</p>
        <p>ID: 48</p>
    </div>
    
    <h4>Boston</h4>
    <p>ioiuy</p>
    <a href="#" class="join_button">Join</a>
    
</div>

JavaScript

jQuery('.join_button').bind('click', function() {



    console.log(jQuery(this));
    console.log(jQuery(this).parent());
    console.log(jQuery('.sub_div1', jQuery(this).parent()));
    jQuery('.sub_div1', jQuery(this).parent()).toggle();
    return false;
});