JSFiddle - React, Tailwind, and code Playground

HTML

<nav class="nav">
    <ul>
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
    </ul>
</nav>

<p id="output"></p>

JavaScript

$(function() {
    if ($('.slider').length) {
        $('.slider').flexslider({
            animation: "slide",
            slideshowSpeed: 6000,
            animationSpeed: 800,
            pauseOnAction: false
        });
    };

    if ($('.testimonials .flexslider').length) {
        $('.testimonials .flexslider').flexslider({
            animation: "slide",
            slideshowSpeed: 600000,
            animationSpeed: 800,
            pauseOnAction: false,
            directionNav: false
        });
    };

    $('.nav li').hover(function() {
        $("#output").text($(this).text());
        
        //$('.sub-menu', this).stop(true, true).slideDown();
    }, function() {
        $("#output").text("");
        
        //$('.sub-menu', this).slideUp();
    });
});