这个效果不会写

注意：
姓名  和下边的个人中心和退出是两个层  <a href="...">姓名</a> <div class="displaynone"><ul><li>个人中心</li><li>退出</li></ul></div>
------解决方案--------------------
点击其他地方用  $(document).click(function(){xx.hide();});
然后退出和个人中心两个标签点击事件里阻止事件冒泡，这样点击除退出与个人中心的地方就都会隐藏了