$(function () {
    bindCustomer();
});

function bindCustomer() {
    $(".service-list-detail").hide();

    $(".content-area").on("click", ".area-list-item", function () {
        $(this).addClass("down");
        $(this).css({ "background-color": "#0168B7", "color": "#FFFFFD" });
        $(".area-list-item .glyphicon").css({ "color": "#F7F7F7" });
        var rel = $(this).attr("data-rel");

        $(".area-list-item .glyphicon").removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
        $(".service-list-detail[data-rel='" + rel + "']").slideDown("fast");
        //替换图片
        var replaceImgSrc = $(this).find("img").attr("data-replace-src");
        $(this).find("img").attr("src", replaceImgSrc);
    });
    $(".content-area").on("click", ".down", function () {
        $(this).removeClass("down");
        $(this).css({ "background-color": "#F7F7F7", "color": "#333" });
        $(".area-list-item .glyphicon").css({ "color": "#F7F7F7" });
        var rel = $(this).attr("data-rel");

        $(".area-list-item .glyphicon").removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
        $(".service-list-detail[data-rel='" + rel + "']").slideUp("fast");
        //替换图片
        var imgSrc = $(this).find("img").attr("data-src");
        $(this).find("img").attr("src", imgSrc);

    });
}