Untitled

<html>
    <head>
        <script src="jquery-3.1.1.js"></script>
        <script>
            (function () {
            $('nav ul').removeClass('hidden');
            $('nav li').hover(function () {
                $(this).parent('ul.menu').css('overflow', 'visible');
                $(this).children('ul').filter(':not(:animated)').slideDown();
            }, function () {
                $(this).children('ul').slideUp();
            });

            $('#tombolmenu').toggle(function () {
                $(this).addClass('active');
                $('nav > ul').slideDown();
                return false;
            }, function () {
                $(this).removeClass('active');
                $('nav > ul').slideUp();
                return false;
            });
            function checkWidth() {
                if ($(window).width() > 600) {
                    $('nav > ul').css('display', 'block');
                } else if ($(window).width() <= 600 && $('#tombolmenu').attr('class') === 'active') {
                    $('nav > ul').css('display', 'block');
                } else if ($(window).width() <= 600 && $('#tombolmenu').attr('class') !== 'active') {
                    $('nav > ul').css('display', 'none');
                }
            }
            $(window).resize(checkWidth);
            })();
        </script>
    </head>
    <body>
    </body>
</html>