<script type="text/javascript">
if(jQuery('.menu_shop .menu .menuitem1') ){
jQuery('.menu_shop .menu .menuitem1').find('ul').css({'visibility':'hidden'});
}
jQuery(document).ready(function(){
jQuery('.menu_shop .menu .menuitem1 ul').each(function(){
jQuery(this).find('li:first').addClass('loffirst');
})
jQuery('.menu_shop .menu li').each(function(){
jQuery(this).click(function(){
jQuery(this).addClass('menuactive');
jQuery(this).find('ul').css({'visibility':'visible'});
jQuery(this).find('ul li ul').css({'visibility':'hidden'});
}
);
jQuery(this).mouseleave(function(){
jQuery(this).removeClass('menuactive');
jQuery(this).find('ul').css({'visibility':'hidden'});
});
});
});
</script>
Необходимо сделать так, чтобы при клике на объект .menuitem1 (если не ошибаюсь), css объекта .background тоже изменялся на 'visibility':'hidden/'visibility':'visible. То есть при нажатии на "кнопку" появляется и меню и задний фон, и, если убрать курсор с этой же кнопки и дочернего меню, фон тоже пропадал. Заранее благодарен.