JSFiddle - React, Tailwind, and code Playground

HTML

<div class="lblcont">
                  <a href="#" style="text-decoration: none;"><div class="vids"><img src="images/mett.png" border="0"/><p>Металлоискатели</p></div></a>
                  <a href="#" style="text-decoration: none;"><div class="vids"><img src="images/akses.png" border="0"/><p>Катушки</p></div></a>
                  <a href="#" style="text-decoration: none;">
                     <div class="vids"><img src="images/katush.png" border="0"/><p>Аксессуары</p>
                       <ul type="square" class="chil">
                          <li>Наушники</li>
                          <li>Чехлы</li>
                       </ul>
                     </div>
                  </a>
                  <a href="#" style="text-decoration: none;"><div class="vids"><img src="images/snar.png" border="0"/><p>Снаряжение</p></div></a>
                  <a href="#" style="text-decoration: none;"><div class="vids"><img src="images/magn.png" border="0"/><p>Магниты</p></div></a>
                  <a href="#" style="text-decoration: none;"><div class="vids last"><img src="images/zap.png" border="0"/><p>Запчасти</p></div></a> 
                </div>

CSS

.lblcont{
background: url(../images/blcontleft.png) left repeat-y;   
padding-bottom: 10px;
}
.vids img{
margin-top: 4px;
margin-left: 10px;
float: left;
}
.vids p{
margin: 0;
padding-top: 12px;
margin-left: 78px;
font-family: Century Gothic;
color: #FFF000;
font-size: 16px;
margin-bottom: 0;
}
.vids{
height: 50px;
min-height: 50px;
border-bottom: 1px dashed #70580D;
margin-left: 5px;
border-bottom-right-radius: 36px;
border-top-right-radius: 36px;
}
.vids:hover{
background: rgba(255, 186, 0, 0.32);
}
.vids.last{
border-bottom: none;
}
.chil{
display: none;
margin-left: 65px;
}
.chil li{
padding-bottom: 5px;
font-size: 14px;
font-family: Century Gothic;
color: #FFF000;
}

JavaScript

function(){
      if($(this).is('ul')){
        
        if(menubusy == 1){
          menubusy = 0; 
          $("div .chil", this).css({'display':'block'});
          $(".vids", this).animate({'height':'100px'},300,function(){menubusy = 1;});
                 
        }
    
      }
               
    },function(){
    
        $("div .chil", this).css({'display':'none'});
        $(".vids", this).animate({'height':'50px'},400);     
    });