Помогите пожалуйста.
Меню:
<ul id="menu-position" class="container"> <li class="menu"> <ul> <li class="button"><a href="#" class="green">Одежда<span></span></a></li> <li class="dropdown"> <ul> <li><a href="#">Девочки</a></li> <li><a href="#">Мальчики</a></li> <li><a href="#">Новорожденные</a></li> <li><a href="#">Другое</a></li> </ul></li></ul></li> <li class="menu"> <ul> <li class="button"><a href="#" class="orange">Доставка<span></span></a></li> <li class="dropdown"> <ul> <li><a href="#">Информация</a></li> <li><a href="#">Информация</a></li> <li><a href="#">Информация</a></li> </ul></li></ul></li> <li class="menu"> <ul> <li class="button"><a href="#" class="blue">Контакты<span></span></a></li> <li class="dropdown"> <ul> <li><a href="#">Написать на почту</a></li> <li><a href="#">Оставить отзыв</a></li> </ul></li></ul></li> <li class="menu"> <ul> <li class="button"><a href="#" class="red">О магазине<span></span></a></li> <li class="dropdown"> <ul> <li><a href="#">Миссия</a></li> <li><a href="#">История</a></li> </ul></li></ul></li></ul></div>
Прикрутить надо память положения по кукам
<script type="text/javascript">
$(document).ready(function() {
$('ul.container>li.menu>ul>li.button>a>li>ul>li>a').click(function() { <===================ЗДЕСЬ
$('ul.container li ul li').each(function() {
$(this).slideUp(200, cookieDel($('ul.container li.menu ul li.button').index($(this)))); <===================ЗДЕСЬ
});
});
$('ul.container li.menu ul li.button').each(function(i) { <===================ЗДЕСЬ
if ($.cookie('submenuMark-' + i)) {
$(this).show();
}else {
$(this).hide();
}
$(this).prev().click(function() {
var this_i = $('ul.container li.menu ul li.button').index($(this).next()); <===================ЗДЕСЬ
if ($(this).next().css('display') == 'none') {
$('ul.container li.menu ul li.button').each(function() { <===================ЗДЕСЬ
$(this).slideUp(200, cookieDel($('ul.container li.menu ul li.button').index($(this)))); <===================ЗДЕСЬ
});
$(this).next().slideDown(200, function () {
cookieSet(this_i);
});
}else {
$(this).next().slideUp(200, function () {
cookieDel(this_i);
});
}
return false;
});
});
});
function cookieSet(index) {
$.cookie('submenuMark-' + index, 'opened', {expires: null, path: '/'});
}
function cookieDel(index) {
$.cookie('submenuMark-' + index, null, {expires: null, path: '/'});
}
</script>
Сообщение отредактировал salat: 24 Ноябрь 2012 - 22:02












