1. <div style="width:100%;">
       <div class="lc-local-button-wrap">
           <input type="text" id="TextCount" style="width:36px;text-align:center;position:relative;top:2px;margin-right:2px;" value="1" />
           <button type="submit" value="{?value?}" class="btn btn-danger lc-buy-button"><i class="fa fa-cart-plus" aria-hidden="true" style="font-weight:bold;font-size:22px;"></i></button>
       </div>
       <div class="lc-buy-button-done" style="display:none;text-align:center;">
           DONE!
       </div>
   </div>
   

What I want is when $(".lc-buy-button") is clicked hide the div with class lc-local-button-wrap and show the div with the class lc-buy-button-done.

There are multiple buttons on the page and now it hides all the DIV's with class lc-local-button-wrap and same with the DIV's with class lc-buy-button-done.

So how can I only hide and show the DIV's within the parent DIV?