(function ($) {

    $(function () {
        // Menu is open 
        $(".btn-menu").click(function(){

            // Animate burger
            $(this).toggleClass("btn-menu-open");
            $('body').toggleClass('menu-mobile-active');

            // Trigger appariton menu
            var buttonId = $(this).attr('id');

            if ($('#menu-mobile-opened').hasClass("mobile-open")) {    
                $('#menu-mobile-opened').toggleClass("out");
            } else {

                $('#menu-mobile-opened').addClass("mobile-open");
            }


        });

        // Click outside 
        $(document).mouseup(function (e) {

            var headerContainer = $('#menu-mobile-opened');
            var containerParent =  $(headerContainer);
            var container = $("nav#burger-menu");
            var container = $(".menu-mobile-content, #menu-mobile-bottom");
  
            // if the target of the click isn't the container nor a descendant of the container
            if (!container.is(e.target) && container.has(e.target).length === 0) {
                
                // Disparition menu mobile
                if (!$(headerContainer).hasClass("out") && $(headerContainer).hasClass('mobile-open')) {    
                    containerParent.addClass('out');
                }

                // Reset class button and body
                $('.btn-menu').removeClass("btn-menu-open");
                $('body').removeClass('menu-mobile-active');

            }
        });
                
    });

})(jQuery);