Помогите доработать меню
Всем доброго времени суток. Имею вот такой код меню:
<script type="text/javascript"> $(document).ready(function() { $("#firstpane div.menu_head").click(function() { $(this).css({backgroundImage:"url(images/down.png)"}) .next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow"); $(this).siblings().css({backgroundImage:"url(images/left.png)"}); } ); } ); </script> Но оно слишком простое. Нет функций запоминания положения меню (открыто/закрыто) при переходе на другие страницы. Так же при открытии одного меню, второе не закрывается. Хотелось бы чтобы при нажатии на ссылку другого меню предыдущее открытое сворачивалось. Но знания мои в JavaScripte очень малы, фактически ничтожны, и эти вещи я не могу воплотить, но само меню мне очень нравится. Надеюсь на помощь отзывчивых людей. |
Вы просите готовый скрипт с нуля.
Это работа, и за нее обычно платят деньги. Для таких сообщений предназначен раздел форума "Работа". Если вы все же хотите, чтобы вам помогли - приложите какие-то усилия сами и задавайте вопросы по ходу дела. |
<!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=windows-1251" /> <title>Документ без названия</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <style type="text/css"> .menu ul { display: none; } </style> </head> <body> <div class="menu"> <div> <a href="#">Меню 1</a> <ul id="menu_1"> <li>Меню 1.1</li> <li>Меню 1.2</li> <li>Меню 1.3</li> <li>Меню 1.4</li> <li>Меню 1.5</li> </ul> </div> <div> <a href="#">Меню 2</a> <ul id="menu_2"> <li>Меню 2.1</li> <li>Меню 2.2</li> <li>Меню 2.3</li> <li>Меню 2.4</li> <li>Меню 2.5</li> </ul> </div> </div> <script type="text/javascript"> function cookie(a, b) { if(b) document.cookie = a+'='+escape(b)+'; expires = Mon, 01-Jan-2999 00:00:00 GMT; path=/'; var c = '(?:; )?'+a+'=([^;]*);?', d = new RegExp(c); return d.test(document.cookie) ? decodeURIComponent(RegExp['$1']) : 0; } $(function() { $('.menu > div > a').click(function() { $('.menu ul').css('display', 'none'); var b = $(this).next(); b.css('display', 'block'); cookie('menu', b.prop('id')); }); var b = cookie('menu'); if(b) $('#'+b).css('display', 'block'); }); </script> </body> </html> |
Ruslan_xDD, спасибо друг.
|
Часовой пояс GMT +3, время: 05:18. |