1 $(document).ready(function(){ 2 $("#rightNav").click(function(){ 3 $("#rightNav ul").toggle(); 4 }) 5 6 $("html").click(function(e){ 7 console.info( $(e.target).attr("class")); 8 if( $(e.target).attr("class") !='miss'){ 9 $("#rightNav ul").hide(); 10 } 11 }); 12 });
<div id="rightNav"> <img src="avatar.jpg" class="miss"> <div id="username" class="miss"><a href="#" class="miss">admin</a></div> <ul class="clear"> <li><a href="#">个人资料</a> </li> <li><a href="">通知公告</a> </li> <li><a href="">修改密码</a> </li> </ul> </div>