@L1nw0od

Скрываем меню при клике на любую область?

Здравствуйте, использую меню - все работает хорошо (решение нашел в интернете), но хочу сделать штуку чтоб на любой области экрана оно закрывалось, как это внедрить в этот код без понятия (
<script>
        $(function() {
            $('.ui-nav').tooltip();
        });
        $(document).ready(function() {
            $(".nav__left a.ui-head").click(function(e) {
                e.preventDefault();
                if (!($(this).parent(".ui-outer").hasClass("open"))) {
                    $(this).parent(".ui-outer").addClass("open").animate({
                        "width": "350px"
                    }); //Expands outer block
                    $(this).parent(".ui-outer").find("a > span").animate({
                        "opacity": "1"
                    }); //Display Headings
                } else {
                    $(this).parent(".ui-outer").removeClass("open").animate({
                        "width": "116px"
                    }); //Reduces outer block
                    $(this).parent(".ui-outer").find("a > span").animate({
                        "opacity": "0"
                    }); //Hide Headings
                }
                if (!($(this).parent(".ui-outer").hasClass("open"))) {
                    $(this).parent(".ui-outer").removeClass("open").animate({
                        "width": "116px"
                    }); //Reduces outer block
                }
            });
        });
    </script>
  • Вопрос задан
  • 84 просмотра
Пригласить эксперта
Ответы на вопрос 1
Emchik
@Emchik
Что-то прикольное сделать могу
Давай без заморочек:
// Показываем меню по клику на кнопку меню
$('.твоёменю').on('click', function(){
	$('.твоёменю').toggleClass('твойкласспоказывающийменю');
});
// Скрываем меню, если нажали не на него
$(document).mouseup(function() {
	$('.твоёменю').toggleClass('твойкласспоказывающийменю');
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы