JSFiddle - React, Tailwind, and code Playground

by ryanwheale

HTML

<div class="izberiLokacija">
          <ul>
                    <li>li1</li>
                    <li style="border-top: solid 2px #00699B"> li2 </li>
          </ul>
</div>

<br /><br /><br />

<div id="logger"></div>

CSS

.izberiLokacija {
    background-color: red;
}
li {
    height: 3em;
}

JavaScript

$(function() {
    var $logger = $('#logger');
    
    $('.izberiLokacija').mouseover(function(e) {
        if(e.target.nodeName === 'LI') {
            toggleDivZaMalaMapa(1);
        }
    }).mouseleave(function(e) {
        toggleDivZaMalaMapa(2);
    });

    function toggleDivZaMalaMapa( num ) {
        $logger.html('toggleDivZaMalaMapa(' + num + ')<br />' + $logger.html());
    }
});