<!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>Test</title>
<link rel="stylesheet" href="styles.css" type="text/css" /><script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load("jquery", "1.4.2");
google.load("jqueryui", "1.8");
</script>
<script type="text/javascript">
$(document).ready(function () {
$("#left_menu").click(function () {
$("#left_menu").slideDown("slow"); <!--Вообще не пашет-->
});
});
</script>
</head>
<body>
<div id="container">
<div id="header" style="background-image:url('./head.png');background-repeat: no-repeat; margin:0 auto;">
</div>
<div id="menu" style="background-image:url('./menu.png');height:174px; position:relative;top:-270px; z-index:2;">
</div>
<div style="position:relative;top:-430px; z-index:1;">
<!-
как сделать что бы блок с id left_menu выезжал в низ на
несколько пискеселей с анимацией...Метод .slideDown("slow")вообще не работает
а метод .slideToggle() работает,но подымает в верх блок,а мне надо что бы
вниз и на несколько пикселей,и остановилось потом....
-->
<div style="width:225px;height:180px; background-image:url('./left_block.png'); float:left;" id="left_menu"></div>
<div style="width:225px;height:180px; background-image:url('./right_block.png'); float:right;"></div>
</div>
<div id="content" style="color:#FFF;border:1px solid #4f7ec9; position:relative;top:-270px; height:1010px;" >
<table cellpadding="0" cellspacing="0" style="position:relative;top:-140px; margin:0 auto; width:940px;">
<tr>
<td id="left_top" height="8" width="8"></td>
<td id="centet_top" height="8"></td>
<td id="right_top" height="8" width="8"></td>
</tr>
<tr>
<td id="left_center" width="8"></td>
<td id="center_center">
</td>
<td id="right_center" width="8"></td>
</tr>
<tr>
<td id="left_bottom" height="8" width="8"></td>
<td id="center_bottom" height="8" ></td>
<td id="right_bottom" height="8" width="8"></td>
</tr>
</table>
</div>
</div>
</body>
</html>
