$(document).ready(function(){
    $("#ToppMeny h2").removeClass("no-js");
    $("#ToppMeny h2.tittelikon").click(function(e){
        var $clickedElement = $(this);
        var $megamenuContainer = $clickedElement.parent().find(".megamenu_popout");
        var headerExtraHeight = $megamenuContainer.height();
        // Check if the clicked element is open (has the class open)
        if ($clickedElement.hasClass("open")) {
            // Clicked the open list element, hide the mega menu
            $megamenuContainer.slideUp("fast", function(){
                $clickedElement.removeClass("open")
            });
            $("#Header").animate({"padding-bottom": 0 + "px"}, "fast");
        } else{
            // Clicked another list element or no element is open
            var $openElement = $("#ToppMeny h2.open");
            var $menuContainer = $openElement.parent().find(".megamenu_popout");

            if ($openElement.length) {
                $openElement.removeClass("open");
                $menuContainer.hide(0);
                $("#Header").css("padding-bottom", headerExtraHeight + "px");
                $clickedElement.addClass("open");
                $megamenuContainer.show(0);
            } else{
                $clickedElement.addClass("open");
                $megamenuContainer.slideDown("fast");
                $("#Header").animate({"padding-bottom": headerExtraHeight + "px"}, "fast");
            }
        }
    });
})