JSFiddle - React, Tailwind, and code Playground

by bradleytrager

HTML

<ul class="vertical-links">
    <li><a href="#">TELEVIZORI</a>

        <ul class="submenu">
            <li><a>LED</a>
            </li>
            <li><a>Plazma</a>
            </li>
        </ul>
    </li>
    <li><a href="#">AUDIO VIDEO</a>

        <ul class="submenu">
            <li><a>DVD Player</a>
            </li>
            <li><a>Linije</a>
            </li>
        </ul>
    </li>
</ul>

CSS

.vertical-active {
    background:#0F6;
}

JavaScript

$(document).ready(function (e) {
    $('.submenu a').hover(

    function () {
        $(this).addClass('vertical-active');
        $(this).parent().parent().parent('.vertical-links li').addClass('vertical-active');
        },

        function () {
            $(this).removeClass('vertical-active');
            $(this).parent().parent().parent('.vertical-links li').removeClass('vertical-active');
        });
    });