$(document).ready(function(){	
    //招聘
    $(".join-bar a").click(function(){
        $(this).parents("li").siblings().find(".join-bar").removeClass("join-on");
        $(this).parents("li").siblings().find(".join-detail").slideUp(300);
        $(this).parents(".join-bar").toggleClass("join-on");
        $(this).parents(".join-bar").siblings(".join-detail").slideToggle(300);
    });
    
    

	$('.nav li').click(function(){
		$(this).addClass('active').siblings().removeClass('active');
	});

    $('.nav li').hover(function(){
        $(this).find('.nav-drop').stop(true,true).slideDown(300);
    },function(){
        $(this).find('.nav-drop').stop(true,true).slideUp(300);
    });

    $(".back-top").click(function(){
        $("html,body").animate({scrollTop:0},700); 
    });

    $('.page-float a').click(function(){
        $(this).addClass('active').siblings().removeClass('active');
    });

    $('.sub-nav a').click(function(){
        $(this).addClass('active').parent().siblings().find('a').removeClass('active');
    });
    

    $(".global-ti li").click(function () {
        var th = $(this);
        var aclass = 'active';
        var box = $(this).parents('.global-ti').siblings('.global-con');
        var pclass = '.global-con-';
        var thid = $(this).attr('aa');
        x(th, aclass, box, pclass, thid);

    });
    /**
     * 选项卡
     * @param  {[this]}
     * @param  {[要删除或者添加的li Class 名]}
     * @param  {[DIV的父级节点]}
     * @param  {[要查找的DIV 的 Class 或 ID]}
     * @param  {[DIV的第几个]}
     */
    function x (th, aclass, box, pclass, thid) {
        // 统计li的个数
        var len = th.siblings('li').length;
        // 当点击li的时候给所有的同级li删除class
        th.siblings().removeClass(aclass);
        // 给当前点击的li添加class
        th.addClass(aclass);
        
        // 循环隐藏对应的div选项框
        for ( var i = 1; i < len + 2; i++) {
            box.find(pclass + i).stop().fadeOut(300).hide();
        }

        // 显示对应的div
        box.find(pclass + thid).stop().fadeIn(300).show();

    };

   
    

})