JSFiddle - React, Tailwind, and code Playground

by ryanhagz

HTML

<div id="mobile_buttons_cont">
  <input class="mobile_buttons" type="button" id="btn_1" 
         value="MENU" >
  <input class="mobile_buttons" type="button" id="btn_2" 
             value="CART"><br/>
   <input class="mobile_buttons" type="button" id="btn_3" 
         value="MENU_2" >
  <input class="mobile_buttons" type="button" id="btn_4" 
         value="CART_2">

<div id="gman123" style="display: none">
  <br/>
  <ul class="gsites_header2">
    <li class="gsites_header2">
      <a href="/contact/">CONTACT</a>
    </li>

    <li class="gsites_header2">
      <a href="/services/">SERVICES</a>
    </li>

    <li class="gsites_header2">
      <a href="/index/">INDEX</a>
    </li>
  </ul>
</div>

<div id="gman124" style="display: none">
  <br/>
  <?php
     echo do_shortcode('[do_widget id=cart66cartwidget-2]');
  ?>

</div>

JavaScript

$("#btn_1").click(function(){
    $("#btn_2").hide();
});
$("#btn_2").click(function(){
    $("#btn_1").hide(); 
});
$("#btn_3").click(function(){
    $("#btn_3").hide();
});
$("#btn_4").click(function(){
    $("#btn_4").hide(); 
});