JSFiddle - React, Tailwind, and code Playground

by shailparas

HTML

<div id="myordersdiv" style="display: block;">
   <ul>
      <li class="myorderhead active">
         <h5>
            My Orders
            <i class="myorderhead22">1</i>
         </h5>
      </li>
      <div id="ordersdiv">
         <div id="addtoordersdiv69">
            <div style="" class="Topping-details" id="69">
               <section id="topping_tsection_69">
                  <i id="topping-close"></i>
                  <aside>
                     <h6 class="tdHeading">Quantity      1</h6>
                     <img src="images/arrow-topping.png">
                     <section class="secclass"><a data-id="69" class="tpActive">Honey with Carmel  10 ML</a></section>
                     <section class="secclass"><a data-id="69" class="tpActive">Honey with Carmel  10 ML</a></section>
                  </aside>
               </section>
            </div>
         </div>
         <div class="confirmorder-row">
            <a id="ordersconfirm" hrer="#" class="btn btn-confirmorder">confirm order</a>
         </div>
      </div>
   </ul>
</div>

JavaScript

$(function(){
    $("#myordersdiv #addtoordersdiv69 .Topping-details ").hide();
   
});