JSFiddle - React, Tailwind, and code Playground

by _sir

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;
}
.active {
    background:red;
}

JavaScript

var $vertLinks = $('.vertical-links a')

.on('mouseenter mouseleave', function () {
    $(this).toggleClass('vertical-active')
})
.on('click', function () {
    var $t = $(this);
    $vertLinks.not($t).removeClass('active');
    $t.addClass('active');
});