CSS задержка dropdown что и как править?
 

Всем привет, говорю сразу, что я не являюсь программистом или верстальщиком. Я сервисник с понятиями и делаю для своей фирмы интернет-магазин на базе OpenCart.CMS 2.1.0.1.10
Поставил модуль megamenu pro (null)
использую тип меню vertical
Вот собсвенно говоря ссылка где есть задача
Суть в том, что при наведении на строку меню "КАТЕГОРИИ" по средством стиля display: block; у меня появляется меню, но недостаток в том, что при случайном наведении оно появляется моментально, а хотелось бы с задержкой хоть в 500мс
По данному примеру мне удалось сделать плавное появление для #menuMask (затемнение при наведении), но вот сделать это для #menu-vertical-list я никак не могу уже 3-й день. Подскажите плиз в какой строке именно и что нужно менять мне в моем CCS файле для того, что бы моя задача была реализована... :help:
Заранее спасибо и очень надеюсь на асист :(

Это устроит?
https://dolinacoda.ru/kak-realizovat...enie-elementa/

Так я так и пытаюсь сделать но оно не работает. В моем *.css ощущение у меня, что черт ногу сломит.
По этому я и прошу подсказать что именно и где менять нужно. :(

Если юзается bootstrap dropdown, то там, вроде, dropdown реализован за счет манипуляций со свойством "display", а это свойство анимировать нельзя.
Т.е. если я прав, то для реализации задержки нужно переписать способ отображения dropdown элемента на странице.

Вы правы на все 100% и я уже кажись все display отключал через отладчик в браузере и даже в коде поочередно пытался удалил, а оно все равно не работает... я не могу понять откуда оно мне и что именно подтягивает :cray:
Задача кажись банально простая, но я уже с ней 3-й день парюсь. Это просто жесть. с #menuMask я сделал это за 3мин., а с dropdown для #menu-vertical-list 3 ДНЯ, 3 ДНЯ МАТЬ ЕГО КАРЛ! :cray:

UP!

А это что за зверь такой?

Так наследуйте класс дропдауна и поставьте ему строгий display: block !important. А для сворачивания/разворачивания используйте visibility: hidden/visible. Задержку можно сделать с помощью transition-delay.