[ureech]

Привет.

Часть кода из цикла

<style>.opacity{opacity:0}.list{transition: cubic-bezier(1,0,0,0) 1s;}</style>
<div class="icons">
<div class="icon"><img... /></div>
<div class="list opacity" id = "list_id">....</div>
</div>

Мне надо при наведении на .icon показывать .list
Мой код

var list = document.querySelectorAll('.icon');
        var count = list.length;
        var i = 0;
        for (i; i < count; i++) {
            if (list[i]) {
                id = list[i].id;
                var b = $('#likers_' + id);
               if (b) {
                    $(list[i]).on("mouseover", function () {
                        var ch = this.parentNode.children[1];
                        $(ch).addClass('no-opacity');
                        $(ch).removeClass('opacity');
  
                    });
                    $(list[i]).on("mouseout", function () {
                        var ch = this.parentNode.children[1];
                        $(ch).addClass('opacity');
                        $(ch).removeClass('no-opacity');
                    });
}

}

Как сделать, что бы если мышь перевожу на .list он у меня не пропадал?