вопрос
Как сделать чтобы меню закрывалось как на dle-faq.ru нажав просто на любое место страницы а не как у меня на кнопку ПАНЕЛЬ УПРАВЛЕНИЯ.
[not-group=5]
<div class="headerlogin">
<ul>
<li><button id="showRightPush" class="bluelink">Панель управления</button></li>
<li><a id="showRightPush" href="{logout-link}" style="text-decoration: none;" class="bluelink">Выйти</a></li>
</ul>
[admin-link]<a href="{addnews-link}" class="headerloginlost">Добавить новость</a>
[/admin-link]</div>
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
<h4>Панель управления</h4>
<form method="post" action="">
<div class="loginboxmenu" >
<ul>
[admin-link]<li><a href="{admin-link}">Админ-центр сайта</a></li>[/admin-link]
<li><a href="{profile-link}">Мой профиль</a></li>
<li><span>{new-pm}</span><a href="{pm-link}">Мои сообщения</a></li>
[group=1]<li><a href="/?do=lastcomments">Последние комментарии</a></li>[/group]
<li><a href="{stats-link}">Информация о сайта</a></li>
</ul>
</div>
<div class="loginboxmenu"><ul>
<h2>Мои игры</h2>
<li><span>{favfilms-count}</span><a href="{favfilms-link}">Любимые игры</a></li>
<li><span>{favwilllook-count}</span><a href="{favwilllook-link}">Играл</a></li>
<li><span>{favfindweb-count}</span><a href="{favfindweb-link}">Поиграть позже</a></li>
<li><span>{favwatched-count}</span><a href="{favwatched-link}">Купить игру</a></li>
</ul></div>
<div class="loginboxmenu"><ul>
<h2>Новости и юмор</h2>
<li><span>{favorite-count}</span><a href="{favorites-link}">Понравившееся</a></li>
</ul></div>
</form>
</nav>
[/not-group]
[group=5]
<div class="headerlogin">
<ul>
<li><button id="showRightPush" class="bluelink">Войти</button></li>
<li><a href="{registration-link}" style="text-decoration: none;" class="bluelink">Регистрация</a></li>
</ul>
<a href="{lostpassword-link}" class="headerloginlost">Восстановить пароль</a>
</div>
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
<h4>Вход на сайт</h4>
<form method="post" action="">
<div class="loginbox">
<label>
<span>Введите логин:</span>
<input type="text" name="login_name" id="login_name" class="loginboxinp" required>
</label>
<label>
<span>Введите пароль:</span>
<input type="password" name="login_password" id="login_password" class="loginboxinp" required>
</label>
<label>
<input type="checkbox" name="login_not_save" id="login_not_save" value="1"/> <b style="font-weight: 100; position: relative; top: -2px;">Запомнить меня</b>
</label>
<label>
<button class="bluelink" onclick="submit();" type="submit">Войти</button>
<input name="login" type="hidden" id="login" value="submit" />
</label>
</div>
</form>
</nav>
[/group]
<script type="text/javascript">
$(document).ready(function(){
$('.slider ul').bxSlider({ minSlides:1, prevSelector:'.sliderprev', nextSelector:'.slidernext', pager:false, controls:true, auto:true, mode:'fade' });
$('.footslide ul').bxSlider({ minSlides:5, maxSlides:5, prevSelector:'.footslideprev', nextSelector:'.footslidenext', pager:false, controls:true, auto:false });
var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
menuRight = document.getElementById( 'cbp-spmenu-s2' ),
showRightPush = document.getElementById( 'showRightPush' ),
body = document.body;
showRightPush.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( body, 'cbp-spmenu-push-toleft' );
classie.toggle( menuRight, 'cbp-spmenu-open' );
disableOther( 'showRightPush' );
};
function disableOther( button ) {
if( button !== 'showRightPush' ) {
classie.toggle( showRightPush, 'disabled' );
}
};
$(window).scroll(function(){
if ($(this).scrollTop() > 500) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$('.scrollup').click(function(){
$("html, body").animate({ scrollTop: 0 }, 300);
return false;
});
})
</script>