Как правильно прописать CSS стили для правильнойработы скрипта?

В общем есть меню, его структура такая: ul li ul li
Т.е. есть подпункты меню (вторые ul li). Написал скрипт для плавного появления и исчезновения подпунктов при наведении мыши,

Код

$(document).ready(function() {
	
	$('#menu ul li ul').hover(function() {
		$(this).show(800);
	},function() {
		$(this).hide(800);
	});
	
});

НО как теперь правильно прописать стили для ul li ul, так чтобы этот скрипт корректо работал?

Изначально стили прописаны так:

Код

#menu ul li ul{
	display:none;
	padding:0;
	margin:0;
	margin-top:55px;
	position:absolute;
	width:190px;
	z-index:9999;
	overflow:hidden;

При этой записи скрипт не работает вообще
Если же менять свойства display:block то скрипт работает, но некоректно: подпункты получаются изначально видны, при наведении мыши исчезают, при уведении - появляются обратно.

Подскажите пожалуйста, что нужно изменить CSS или сам скрипт? И главное как?

Не работают стили на одной странице Автор yyyuuu	Ответов: 1 Просмотров: 4228	17.02.2023, 17:11:08 от marksetter
Как правильно писать медиа запрос? Автор web1	Ответов: 4 Просмотров: 4121	20.09.2022, 22:01:21 от darkghost
Не работают стили CSS в html Автор ВикуЛя	Ответов: 1 Просмотров: 2103	27.05.2021, 12:31:15 от ShopES
Можно ли прописать в scss ссылку и установить картинку? Автор vova630	Ответов: 0 Просмотров: 1553	02.01.2021, 13:56:09 от vova630
Не работает правильно сайт на хосте Автор Алексей Лоскутов	Ответов: 6 Просмотров: 2715	21.05.2020, 20:23:57 от xpank

Как правильно прописать CSS стили для правильнойработы скрипта? - Вопросы по CSS

Новости Joomla

Вышли релизы безопасности Joomla 6.1.4 и Joomla 5.4.9

JoomShift - компонент переноса контента между Joomla сайтами.

RAZORG1991

Как правильно прописать CSS стили для правильнойработы скрипта?

RAZORG1991

Re: Как правильно прописать CSS стили для правильнойработы скрипта?

Похожие темы