$(function () {
    (function () {
        var $Rli = $(".resources .contact .tel ul li"),
            $Cli = $("#click .tel ul li"),
            $Reli = $(".recruitment .tel > ul > li");
        clickFun($Rli);
        clickFun($Cli);
        clickFun($Reli);
        function clickFun(b){
            b.find(".top").click(function () {
                if ($(this).hasClass("on")){
                    $(this).removeClass("on");
                    $(this).find("i").removeClass("on");
                    $(this).find("p").removeClass("on");
                } else{
                    $(this).addClass("on");
                    $(this).find("i").addClass("on");
                    $(this).find("p").addClass("on");
                }
                $(this).parent().find(".bottom").stop().toggle(500);
                $(this).parent().find(".top span").stop().toggle();
            });
        };
        var $C = $(".resources .position .strategic .content"),
            $Div = $(".resources .position .strategic > div"),
            $Cli = $(".resources .position .strategic .list li");
        $(function () {
            $Cli.eq(0).click();
        });
        $Cli.click(function () {
            $(this).addClass("on").siblings().removeClass("on");
            $C.eq($(this).index()).removeClass("d-n").siblings(".content").addClass("d-n");
            $Div.css("height",$C.eq($(this).index()).height()+ 130 +"px");
        });
        (function () {
            var $STR = $(".position .str .content"),
                $SDiv = $(".position .str > div"),
                $STRli = $(".position .str .list li");
            $STRli.click(function () {
                $(this).addClass("on").siblings().removeClass("on");
                $STR.eq($(this).index()).removeClass("d-n").siblings(".content").addClass("d-n");
                $SDiv.css("height",$STR.eq($(this).index()).height()+ 130 +"px");
            });
        })();
    })();
});