Как отобразить изображение скрытого тега, когда активен один из элементов карусели «Сова»? ⇐ Jquery

[Anonymous]

У меня проблема с отображением и скрытием изображения, оно не работает. Как это сделать, если активный элемент owl-carousel с id="img-dark" будет отображать img id="dark" div и скрывать img id="light"?
Я пробовал попробовать это
HTML

Код: Выделить всё

[img]img/logo.svg[/img]
[img]img/logodark.svg[/img]

JQuery

Код: Выделить всё

$(document).ready(function() {
var owl = $('.owl-carousel');
owl.on('changed.owl.carousel', function(event) {
var visible = owl.find('.owl-item.active').find('#img-dark').is(':visible');
if (visible) {
$("#logo-dark").show();
$("#logo-light").hide();
} else {
$("#logo-dark").hide();
$("#logo-light").show();
}
});
});

пожалуйста, помогите мне решить эту проблему

Подробнее здесь: https://stackoverflow.com/questions/787 ... tem-active