Форум

Tchort · #1 (**permalink**) 16.05.2011, 11:07

Вот этим скриптом мы делаем чтобы меню плавно выпадало

<script type="text/javascript">
$(document).ready(function () {	
	
	$('#menu > ul > li').hover(
		function () {
			//show its submenu
			$('ul', this).slideDown(400);

		}, 
		function () {
			//hide its submenu
			$('ul', this).slideUp(300);			
		}
	);
	
});
	</script>

Но, оно не везде и не всегда корректно работает. В хроме например он вообще не заработал, а в мозиле начинает работает после того как пройдемся мышкой по меню справа на лево. А в ИЕ сразу.

Как бы так его изменить, чтобы он хотя бы в хроме заработал. Хотя и не знаю что делать с мозилой.

walik · #2 (**permalink**) 16.05.2011, 11:49

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js">
</script>
<script>
$(document).ready(function() {
     $('#menu > ul > li').hover(
          function() {
               $('ul', this).slideDown(400);
          },
          function() {
               $('ul', this).slideUp(400);
          }
     );
});
</script>
<style>
#menu > ul > li > ul {
	display: none;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li>Menu 1
    <ul>
    <li>Sub menu 1.1</li>
    <li>Sub menu 1.2</li>
     </ul>
</li>
<li>Menu 2
    <ul>
    <li>Sub menu 2.1</li>
    <li>Sub menu 2.2</li>
     </ul>
</li>
</ul>
</div>
</body>
</html>

У меня в хроме все работает.

Tchort · #3 (**permalink**) 16.05.2011, 12:20

walik,
У меня как не работал, так не работает. Пример: _http://tae.uswp.ru/

walik · #4 (**permalink**) 16.05.2011, 15:41

Зашел на сайт, меню работает

Форум

Справочник

Discord чат

Курсы javascript