$(".meta--share").click(function() { event.preventDefault(); $(".social-share").toggle(); }); $(document).mouseup(function(e) { var container = $(".social-share"); if (!container.is(e.target) && container.has(e.target).length === 0) { container.fadeOut(); } }); .social-share { display: none; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul> <li><a class="meta--share" href="#">Share</a> <ul class="social-share"> <li class="facebook"><a title="Share on Facebook" href="#">Facebook</a></li> <li class="twitter"><a title="Share on Twitter" href="#">Twitter</a></li> <li class="linkedin"><a title="Share on Linked" href="#">Linkedin</a></li> </ul> </li> </ul>... 展开详请