JSFiddle - React, Tailwind, and code Playground

HTML

<div class="groupSelector">
    <div class="showGroupButton">Click here to view sub menu 1</div>
    <div class="groupContent">
        <div class="formButtonContainer">
            <div class="button">I AM A MIGHTY MENU ITEM! I COMMAND YOU TO CLICK ME!</div>
            <div class="formContainer">
                <form action="">
                    <label>FEEEEED ME YOUR SOUU....TEXT
                        <br/>
                        <input type="textbox" />
                    </label>
                    <label>What is your favorite gas?
                        <br/>
                        <input type="textbox" />
                    </label>
                    <label>Pancakes
                        <br/>
                        <input type="textbox" />
                    </label>
                    <input type="submit" value="Submit" />
                </form>
            </div>
        </div>
        <div class="formButtonContainer">
            <div class="button">Another "button"....</div>
            <div class="formContainer">
                <form action="">
                    <label>Name:
                        <br/>
                        <input type="textbox" />
                    </label>
                    <input type="submit" value="Submit" />
                </form>
            </div>
        </div>
    </div>
</div>
<div class="groupSelector">
    <div class="showGroupButton">Click here to view sub menu 2</div>
    <div class="groupContent">
        <div class="formButtonContainer">
            <div class="button">Derp</div>
            <div class="formContainer">
                <form action="">
                    <label>CARS ARE NICE
                        <br/>
                        <input type="textbox" />
                    </label>
                    <input type="submit" value="Submit" />
                </form>
            </div>
        </div>
        <div class="formButtonContainer">
            <div...

CSS

.button {
    background-color:#EEE;
    border:1px solid gray;
    cursor:pointer;
}
.formContainer {
    display:none;
}
.formButtonContainer {
    margin-bottom:5px;
}
.groupContent{
    display:none;
}
.showGroupButton{
    cursor:pointer;
}
.groupSelector{
    border:1px solid black;
    margin-bottom:5px;
}
label{
    display:block;
}
}

JavaScript

$(document).ready(function () {
    $('.showGroupButton').click(function() {
        console.log("Hur");
        $('.formContainer').hide();
        $('.groupContent').hide();
        $(this).closest('.groupSelector').find('.groupContent').show();
    });

    $('.button').click(function () {
        $('.formContainer').hide();
        $(this).closest('.formButtonContainer').find('.formContainer').show();
    });
});