Помогите поправить slideUp Меню jQuery

Umberto · December 29, 2008

Задача:

Сделать меню, разворачивающиеся не вниз, а вверх, и при этом, элемент управления должен распологаться отдельно от, скажем, DIV'а который будет появляться, тоесть в другой части кода, но при этом в расстоянии 0px от появившегося DIV'а.

Тоесть при сведении курсора с элемента управления на развернувшийся слой, он, слой не свернется, пока на нем курсор.

На CSS я бы описал это за 2 минуты, но хочу покрасивше, с разворачиванием.

Написал на столько, на сколько знаю jQ, и не правильно, но принцип работы ясен.

Если можете поправить - буду безмерно счастлив

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Help ME...</title>
<script type="text/javascript" src="123/jquery.js"></script>
<style type="text/css">
body {
	margin: 0 auto;
	padding: 0;
	width: 520px;
	font: 75%/120% Arial, Helvetica, sans-serif;
}
.panel {
	background: #ccc;
	height: 75px;
	display: none;
}
.btn-slide2 {
	background-color:#000000;
	text-align: center;
	width: 150px;
	height: 30px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
</style></head>
<body>
<table width="600" height="300px" bgcolor="#666666" border="0" cellspacing="0" cellpadding="0">
  <tr>
	<td align="center" valign="bottom">
	<div class="panel" id="panel2">Some Content</div>
	</td>
  </tr>
</table>
<a href="#" class="btn-slide2">Меню</a>


<script type="text/javascript">
$(document).ready(function(){
	$(".btn-slide2").hover(
		function() {
			$("#panel2").slideDown("slow");
		},
		function() {
			$("#panel2").slideUp("slow");		
		}
	);
	$("#panel2").hover(
		function() {
			$(this).slideDown("slow");
		},
		function() {
			$(this).slideUp("slow");		
		}
	);
});
</script>
</body>
</html>

Дальше я уже сам опишу остальные элементы меню, помогите со скриптом..

Sign In

Помогите поправить slideUp Меню jQuery

Question

Umberto

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information