JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset>
    <div class="alert forward"><span class="coming"><strong>NOTE:</strong></span> A maximum of 5 address book entries allowed.</div>
    <div class="leftAddress">Any</div>
    <div class='wrapper'>
        <div class="leftAddress">Any</div>
    </div>
    <div class="leftAddress">
        <!--Insert-->
         <h3 class="addressBookDefaultName">Harry Testing</h3>

    </div>
    <div class="leftAddress">
        <!--Insert-->
         <h3 class="addressBookDefaultName">Heba ElZany</h3>

    </div>
    <div class="leftAddress">
        <!--Insert-->
         <h3 class="addressBookDefaultName">Yamen Shahin&nbsp;(primary address)</h3>

    </div>
    <div class="leftAddress">
        <!--Insert-->
         <h3 class="addressBookDefaultName">Yamen2 Shahin2</h3>

    </div>
    <div class="leftAddress">
        <!--Insert-->
         <h3 class="addressBookDefaultName">Yamen3 Shahin3</h3>

    </div>
</fieldset>

CSS

fieldset .leftAddress {
    display:none;
}
fieldset .leftAddress ~ .leftAddress {
    display: block;
}