Highlight parent on hover to child

by Budhram Gurung

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').on('mouseenter mouseleave', function() {
        $(this).add($(this).closest('ul').closest('li').children('a')).toggleClass('vertical-active');
    });
});