JSFiddle - React, Tailwind, and code Playground

by Stas Orekhovskiy

JavaScript

<script type="text/javascript">
    $(document).ready(function(){
        //Первый уровень выпадания меню
        $('.menu > ul > li').hover(function(){
            var hov = $(this).children('ul').slideDown('slow');
        },function(){
            var hov = $(this).children('ul').slideUp('slow');
        });
        //Второй уровень выпадания меню            
        $('.menu ul ul').hover(function(){
            $(this).children('li').slideDown('fast');
        },function(){
            $(this).children('li').slideUp('slow');
        });
        //Я еще пробовал вот так:          
        $('.menu > ul > li > ul').hover(function(){
            $(this).children('li').slideDown('fast');
        },function(){
            $(this).children('li').slideUp('slow');
        });	
    });
</script>