Задача: Сделать меню, разворачивающиеся не вниз, а вверх, и при этом, элемент управления должен распологаться отдельно от, скажем, 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> Дальше я уже сам опишу остальные элементы меню, помогите со скриптом..
