$(document).ready(function() {
    $('#dtToggle, #dtClose').on('click', function() {
        $('.dtSideDiv').toggleClass('open');
        if ($('.dtOverlay').length) {
            $('.dtOverlay').fadeOut(function() {
                $('.dtOverlay').remove();
            });
        }
        else {
            $('body').prepend('<div class="dtOverlay"></div>');
            $('.dtOverlay').fadeIn();
            $('.dtOverlay').on('click', function() {
                $('.dtOverlay').fadeOut(function() {
                    $('.dtOverlay').remove();
                    $('.dtSideDiv').toggleClass('open');
                });
            });
        }
    });
    function dtToggleSubmenu() {
        $(this).css('margin-top', ((!$(this).hasClass('open')) ? '-' + $(this).height() + 'px' : 0));
    }
    $('.dtSideDiv .caption').on('click', function(e) {
        e.preventDefault();
        var submenu = $(this).next();
        submenu.toggleClass('open');
        dtToggleSubmenu.apply(submenu);
    });
    $('.dtSideDiv .caption').next().each(dtToggleSubmenu).show();
});
$(document).ready(function() {
    $('#responsiveMenu li.has-sub').prepend('<button class="hbMenuBtnSub btn btn-default btn-xs" type="button">Meer <i class="fa fa-bars"></i></button>');
    var subItems = $('li.has-sub .hbMenuBtnSub').length;
    $('.hbMenuBtnSub').html('Meer <i class="fa fa-bars"></i>');
    $('#responsiveMenu li.has-sub > .hbMenuBtnSub').on('click', function() {
        $(this).removeAttr('href');
        var element = $(this).parent('li');
        if (element.hasClass('open')) {
            element.removeClass('open');
            element.find('li').removeClass('open');
            element.find('ul').slideUp();
        }
        else {
            element.addClass('open');
            element.children('ul').slideDown();
            element.siblings('li').children('ul').slideUp();
            element.siblings('li').removeClass('open');
            element.siblings('li').find('li').removeClass('open');
            element.siblings('li').find('ul').slideUp();
        }
    });
    $('#responsiveMenuToggle').click(function(){
        $('.responsiveMenuList').slideToggle();
    });
    $('.responsiveMenuList').css('display','none');
    $('#nav li:has(ul)').doubleTapToGo();
});