JSFiddle - React, Tailwind, and code Playground

by siretsky

HTML

<div id="TopHmenuService"><a class="TopIndexHref">Услуги</a>
    <div id="TopHmenuServiceBl" class="MenuCont" style="display:none;">123</div>
</div>

<div id="TopHmenuShop"><a class="TopIndexHref">Магазин</a>
   <div id="TopHmenuShopBl" class="MenuCont" style="display:none;">456</div>
</div>

JavaScript

$(document).ready(function() {
		
		$('#TopHmenuService a.TopIndexHref').toggle(		
		    function(){
			$('#TopHmenuServiceBl').slideDown(600);
			$('#TopHmenuShopBl').slideUp(200);
			return false;
		    },
		    function(){
			$('#TopHmenuServiceBl').css('display', 'none');
			return true;
		    }
		);
		
		$('#TopHmenuShop a.TopIndexHref').toggle(		
		    function(){
			$('#TopHmenuShopBl').slideDown(600);
			$('#TopHmenuServiceBl').slideUp(200);
			return false;
		    },
		    function(){
			$('#TopHmenuShopBl').css('display', 'none');
			return true;
		    }
		);
		
		
	    });