这个效果不会写

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