JSFiddle - React, Tailwind, and code Playground

by dido

JavaScript

$('ul.main-nav li').hover(function() {
    $(this).find('.drop').toggle();
};

$('.sports-list')
    .show()
    .find('li')
    .hover(function() {
        var $this = $(this);
        $this
            .addClass('active-sport')
            .siblings()
            .removeClass('active-sport');

        $this.find('.sports-page')
            .addClass('show-page')
            .siblings()
            .removeClass('show-page');
    });