$(document).ready(function () {
    var switcher = $("#switcher");
    $(".switch--item").click(function (e) {
        var element = $(this);
        var content = $(this).attr("data-target");
        if (!element.hasClass("switch--item__active")) {
            var parent = element.parents(".switch--container");
            parent.find(".switch--item__active").stop().removeClass("switch--item__active");
            element.stop().addClass("switch--item__active");
            var _main_container = $(element).closest(".switch-main-container");
            if (_main_container && _main_container.length > 0) {
                $(_main_container).find($(".switch--content__item.active")).slideUp().removeClass("active");
                $(_main_container).find($(content)).slideDown().addClass("active");
            }
            else {
                $(".switch--content__item.active").slideUp().removeClass("active");
                $(content).slideDown().addClass("active");
            }
            //$(".switch--content__item").css({ "max-height": 0 });
            //var content = switcher.find("" + element.attr("data-target"));
            //var contentMaxHeight = Number(content.css("maxHeight").replace("px", ""));
            //if (!contentMaxHeight) {
            //    content.stop().css({ "max-height": content.get(0).scrollHeight });
            //}
        }
    });
});

//$(document).ready(function () {
//    var switcher = $("#switcher");
//    $(".switch--item").click(function (e) {
//        var element = $(this);

//        if (!element.hasClass("switch--item__active")) {
//            var barent = element.parents(".switch--container");
//            barent.find(".switch--item__active").removeClass("switch--item__active");
//            element.addClass("switch--item__active");

//            $(".switch--content__item").css({ "max-height": 0 });
//            var content = switcher.find("" + element.attr("data-target"));
//            var contentMaxHeight = Number(content.css("maxHeight").replace("px", ""));
//            if (!contentMaxHeight) {
//                content.css({ "max-height": content.get(0).scrollHeight });
//            }
//        }
//    });
//});