点击Button弹出登陆注册框

<div class="login-hidd"></div>
        <div class="login-wrap">
            <div class="login-cont">
                <div id="qiehuan">
                <img id="login-img-close" src="image/close08.png" alt="登陆" title="工匠帮">
                <input type="button" name="login-button" id="login-button" value="登陆"/>
                <input type="button" name="register-button" id="register-button" value="注册"/>
                </div>
            <div class="lx-input-all">
                <div class="login-div-tel">
                    <span class="login-tip">手机号码：</span>
                    <input  id="loginInputTell" type="text" class="login-input-tel defaultBorder">
                </div>
                <div class="login-div-passwd">
                    <span class="login-tip">密码：</span>
                    <input id="loginInputPwd" type="password" class="login-input-passwd ">
                </div>
                <div class="login-div-passwd2">
                    <span class="login-tip">确认密码：</span>
                    <input id="loginInputPwd2" type="password" class="login-input-passwd ">
                </div>
                <div class="login-div-call">
                    <span class="login-tip">联系人：</span>
                    <input id="loginInputCall"  type="text" class="login-input-call"/>
                </div>
                <div class="login-div-qiye">
                    <span class="login-tip">企业名称：</span>
                    <input id="loginInputQiYe" type="text" class="login-input-qiye" />
                </div>
                <div class="login-div-check">
                    <span >验证码：</span>
                    <input id="loginInputCheckNum" type="text" class="login-input-check ">
                    <a id="loginGetCheckNum">点击获取验证码</a>
                </div>
            </div>
                <div class="login-div-submit">
                    <button id="login-button-login">登陆</button>
                    <!-- <a id="login-button-register-tip">免费注册</a> -->
                    <button id="login-button-register">注册</button>
                    <a id="login-button-login-tip">已有账号，请点击此处登录！</a>
                </div>
                
            </div>
            
        
            </div>

上面是HTML代码，以下是HTML点击事件标签

<a id="ei-index-masterLogin" href="#">商家入驻</a>
<a id="ei-index-toRegister" href="#">工人入驻</a>

以下是CSS

/*登陆弹出层*/
.login-hidd{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.8;
    display:none;
}
.login-wrap{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
}
.login-cont{
    height:270px;
    width: 400px;
    border-radius: 0px;
    margin: 200px auto;
    border: 0px solid #000;
    padding: 20px 0px;
    font-size: 18px;
    background: #fff;
    position: relative;
    /*background: #e1e5e5;  背景灰色*/
}
#login-button{
    border:0px solid #FFFFFF;
      /*background:#35ac2c;*/
      width:170px;
      height:57px;
      font-size: 21px;
      text-align: left;
      left: 0px;
      position: relative;
      top: -20px;
      text-align: center;    
}
#register-button{
      border:0px solid #FFFFFF;
    /*background:#FFFFFF;*/
      width:170px;
      height:57px;
      font-size: 21px;
      text-align: left;
      left: 0px;
      position: relative;
      top: -20px;
      text-align: center;
      
}
#login-img-close{
    position: absolute;
    top: 20px;
    right: 27px;
    cursor: pointer;
}
.login-cont input{
    height:30px;
    width:160px;
    border:1px solid #ccc;
    padding:0 10px;
    font-size: 15px;
    
}

.login-cont button{
    width: 80px;
    padding: 7px;
    font-size: 16px;
    margin-top: 30px;
}
.login-div-submit button{
 
     
    margin-right: 6px;
    border: 0px solid #35ac2c;
    background: #35ac2c;
    color: #ffffff;
    width: 280px;
    display: block;
    margin: 25px auto;
    font-size: 21px;
    border-radius: 0px;
    cursor: pointer;
     margin-top:60px;
}
.login-tip{
    display: inline-block;
    text-align: right;
    width: 120px;
}
.login-div-tel{
    margin:0 auto;
    margin-bottom:10px;
    padding-left:32px;
    color:#4e4e4e;
    padding-top:25px;
    font-size: 21px;
     
}


.login-div-passwd{
    margin:0 auto;
    margin-bottom:20px;
    padding-left:32px;
    color:#4e4e4e;
    font-size: 21px;
     
}
.login-div-passwd2{
    /*display:none;*/
    margin:0 auto;
     
    padding-left:32px;
    color:#4e4e4e;
     display: none;
    font-size: 21px;
}
.login-div-call{
    margin:0 auto;
    margin-top:8px;
    margin-bottom:-15px;
    padding-left:32px;
    color:#4e4e4e;
    display: none;
    font-size: 21px;
}
.login-div-qiye{
    margin:0 auto;
    margin-bottom:10px;
    padding-left:32px;
    color:#4e4e4e;
    padding-top:25px;
    font-size: 21px;
    display: none;
}
.login-div-submit{
    margin:0 auto;
    text-align:center;
}
.login-div-check{
    /*display:none;*/
        margin:0 auto;
     
    padding-left:32px;
    color:#4e4e4e;
    padding-top:5px;
    font-size: 21px;
    display: none;
}
.login-div-check span{
    display:inline-block;
    width:120px;
    text-align:right;
}
#login-button-modifypwd{
    display:none;
}
#loginInputCheckNum{
    width: 88px;
}
#loginGetCheckNum{
    width: 87px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    display: inline-block;
    font-size: 12px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #F1F1F1;
    cursor: pointer;
}
#login-button-register{
    display: none;
    width: 251px;
    margin: 0 auto;
    margin-top: 20px;
    border: 1px solid #499d74;
    background: #499d74;
    color: #ffffff;
    font-size: 18px;
    cursor: pointer;
}
#login-button-register-tip{
    display: block;
    color: #499d74;
    margin-left: 252px;
    font-size: 15px;
    cursor: pointer;
    width: 75px;
}
#login-button-login-tip{
    display:none;
    color: #499d74;
    margin-left: 164px;
    font-size: 15px;
    cursor: pointer;
}

以下是JS

/*首页点击登陆，弹出登陆界面*/
    
    /*弹出登陆窗口*/
     
    $('#ei-index-masterLogin').click(function(){
        //登陆窗口默认高度
        $('.login-cont').css({'height':'270px'});
          //登陆窗口默认选择颜色&背景
        $('input[name="login-button"]').css({
        'color':'#FFFFFF',
        'background':'#35ac2c'
        });
        $('input[name="register-button"]').css({
        'color':'#000000',
        'background':'#FFFFFF'
        });
         $('.login-hidd').show();
           $('.login-wrap').show();
        //登陆窗口切换事件
        $('#qiehuan input').click(function(){
               var _this=$(this);
        
        $('#qiehuan input').css({
            'background':'#FFFFFF',
            'color':'#000000'
        });
        _this.css({
            'color':'#FFFFFF',
            'background':'#34a82b'
        });
        switch(_this.attr('name')){
            case 'login-button':
          
           $('#login-button-login').show();
           $('.login-div-check').hide();
           $('.login-div-call').hide();
           $('.login-div-qiye').hide();
         
           $('#login-button-register').hide();
           $('#login-button-login-tip').hide();
        
        $('#loginInputTell').css({'border':'1px solid rgb(208, 211, 222)'});//初始化手机号码输入框
        $('#loginInputPwd').css({'border':'1px solid rgb(208, 211, 222)'});//初始化密码输入框
        if(localStorage.getItem('eazTel')&&localStorage.getItem('eazPwd')) {//本地存储  , localStorage.getItem（'key'） 获取名为key的值
            $('#loginInputTell').val(localStorage.getItem('eazTel'));
            $('#loginInputPwd').val(localStorage.getItem('eazPwd'));
        } else {
            $('#loginInputTell').val('');
            $('#loginInputPwd').val('');
        }
            break;
            case 'register-button':
           $('.login-cont').css({'height':'400px'});
           $('.login-hidd').show();
           $('.login-wrap').show();
           $('#login-button-login').show();
     
           
           $('.login-div-call').show();
           $('.login-div-qiye').show();
           $('.login-div-check').show();
           $('#login-button-login').hide();
           $('#login-button-register').show();
           $('#login-button-login-tip').hide();
        
        $('#loginInputTell').css({'border':'1px solid rgb(208, 211, 222)'});//初始化手机号码输入框
        $('#loginInputPwd').css({'border':'1px solid rgb(208, 211, 222)'});//初始化密码输入框
        $('#loginInputPwd2').css({'border':'1px solid rgb(208, 211, 222)'});//初始化确认密码输入框
        $('#loginInputCall').css({'border':'1px solid rgb(208, 211, 222)'});//初始化联系人框
        $('#loginInputQiYe').css({'border':'1px solid rgb(208, 211, 222)'});//初始化企业框
        $('#loginInputCheckNum').css({'border':'1px solid rgb(208, 211, 222)'});//初始化验证码框
        if(localStorage.getItem('eazTel')&&localStorage.getItem('eazPwd')) {//本地存储  , localStorage.getItem（'key'） 获取名为key的值
            $('#loginInputTell').val(localStorage.getItem('eazTel'));
            $('#loginInputPwd').val(localStorage.getItem('eazPwd'));
        } else {
            $('#loginInputTell').val('');
            $('#loginInputPwd').val('');
        }
            break;
        };
        });
    
        
    });
        $('#register-button').click(function(){
            
        
        
    });
    /*关闭登陆窗口*/
    $('#login-img-close').click(function(){
        $('.login-hidd').hide();
        $('.login-wrap').hide();
        $('.modify-div-pwd').hide();
        $('.login-div-passwd').show();
    });