html - jQuery click on button will show the div and again click on any area of the page will hide the div? -
i have markup this. button click. <div class="logout-wrap"> <div class="account-info"> <a href="../profile.php">admin admin</a> </div><!--.account-info--> <div class="account-info-icon"> <ul> <li><a href="" class="account-sprited notice"><span>5</span></a></li> <li><a href="" class="account-sprited profile profiletest"></a></li> </ul> </div> </div> it area default hide , when click on button show div contents. <div class="account-info-box" style="display: block;"> <div class="top-info"> <div class="profile-img"> <img alt="" src="../images/profile.png"> </div><!--.profile-img--> <div class="profile-text"> <span class="