jquery点击显示、隐藏

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

	$(function(){
			<!--点击登录弹出/隐藏登录框-->
			$("#loginin").click(function(){
				$("#login").toggleClass("yinchang");
			});
			<!--鼠标离开登录框隐藏登录框-->
			$("#login").mouseleave(function(){
				$("#login").toggleClass("yinchang");
			});
        });

       <style>
       .yinchang{
		display:none;
	}
       <style>

<span class="btnlogin  btndaxiao txtcenter  text-jiacuda navlogin" id="loginin">登录</span>


  <div class="login-form box-dayuanjiao touming yinchang " id="login"> 
   <form action="" method="post"> 
    <p class="txtcenter text-jiacuda">用户登录</p> 
    <div class="login-center"> 
     <span class="icon">用户名:</span> 
     <input class="" type="text" name="username" placeholder="用户名" /> 
    </div> 
    <div class="login-center"> 
     <span class="icon">密码&nbsp;&nbsp;:</span> 
     <input class="" type="password" name="password" placeholder="*******" /> 
    </div> 
    <button class="btnlogin center txtcenter btndaxiao box-yuanjiao">登录</button> 
   </form> 
  </div>