Установить CSS после нажатия элемента

Question

Я пытаюсь установить CSS в карусели.Сам CSS задается правильно, но он исчезает при запуске click до 4-го индекса (4-й элемент в карусели).Так что часть on('click' удаляет CSS при запуске, мне нужно установить и отобразить набор CSS в пределах on('click'.

. Я хочу, чтобы он перешел к 4-му индексу, а затем применил CSS,также необходимо, чтобы он работал для мобильных устройств.

$('#photoswitch_<?= $optionMain->getId(); ?>').click(function(){
    $('[data-slick-index="4"]').on('click', function(){
        $('#prodOptionMainImage<?= $optionMain->getId(); ?>').css({"width": width+"px", "position": "absolute", "left": "0px", "top": "0px", "z-index": "1000", "opacity": "1", "transition": "opacity 500ms ease 0s", "display": "block"});            
    });
});

Я попытался использовать setTimeout, который работал, но добавил полсекундную задержку для правильной настройки CSS.