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="username">sgsh dshjds</span>       <span class="acctype">account type- agent</span>       <span class="view-profile"><a href="" class="profile">view profile</a></span>     </div><!--.profile-text-->   </div><!--.top-info-->   <div class="bottom-info">     <ul>       <li><a href="" class="profile">create account</a></li>       <li><a href="" class="profile">signout</a></li>     </ul>   </div><!--.bottom-info--> </div>

here when page loads div account-info-box hide. when click on profile show div account-info-box. have jquery this

<script type="text/javascript">   jquery(document).ready(function() {     jquery('div.account-info-box').hide();       jquery('a.profile').click(function(event){         event.preventdefault();         jquery('div.account-info-box').show();     });   }); </script>

but here want when again click on other area of page again hide. can kindly tell me how this. , suggestions appreciable. thanks

edit have changed jquery code this

jquery(document).ready(function() {     jquery('div.account-info-box').hide();     jquery('.profiletest').click(function(event){       event.preventdefault();       jquery('div.account-info-box').show();    });  });   jquery(document).ready(function(event) {   if(event.target.classname !== 'profiletest') {     jquery('div.account-info-box').hide();   }  });

now showing error typeerror: event.target undefined

<script type="text/jscript"> document.click = hide();  //to show on button click $(".bottom-info").click(function(){ $(".account-info-box").attr("display","block"); });  //to hide hide(function(){ $(".account-info-box").attr("display","none"); });  <script>

Comments

Post a Comment

Popular posts from this blog

c++ - Creating new partition disk winapi -

-
i'am trying create new partition , mount volume new, thought createfile let me this, code : lpctstr lpfilename=l"\\\\.\\device\\harddisk0\\partition3"; handle handl=createfile( lpfilename, generic_read | generic_write, file_share_read | file_share_write, null, create_always, file_attribute_normal, null ); if (handl==invalid_handle_value) { qdebug()<<"handl invalid"<<" error"<<getlasterror();} bool success = definedosdevice(ddd_raw_target_path,l"i:",l"\\device\\harddisk0\\partition3"); if(!success) qdebug()<<" definedosdevice failed "<<getlasterror(); bflag = getvolumenameforvolumemountpoint( l"i:\\", // input volume mount point or directory /** u in dir
Read more

Android Prevent Bluetooth Pairing Dialog -

-
i'm developing internal application uses bluetooth printing. want bluetooth pairing occur without user input. have managed working trapping android.bluetooth.device.action.pairing_request broadcast. in broadcast receiver call setpin method, , pairing works ok, bluetoothpairingdialog displayed second or two, disappears - see link below. https://github.com/android/platform_packages_apps_settings/blob/master/src/com/android/settings/bluetooth/bluetoothpairingdialog.java since broadcast non-ordered, can't call abortbroadcast() , , wondering if there other way prevent pairing dialog appearing. can hook window manager in way? i haven't been able come way without modifying sdk. if you're oem, it's easy (i'm on 4.3): in packages/apps/settings/androidmanifest.xml, comment intent filter pairing dialog: <activity android:name=".bluetooth.bluetoothpairingdialog" android:label="@string/bluetooth_pairing_request"
Read more

VBA function to include CDATA -

-
i have following function include cdata: function cdatasection() dim objdom domdocument dim objkmlrootelement ikmldomelement dim objkmlelement ikmldomelement dim cdata ikmldomcdatasection set objdom = new domdocument set objkmlrootelement = objdom.createelement("balloonstyle") objdom.appendchild objkmlrootelement set objkmlelement = objdom.createelement("text") objkmlrootelement.appendchild objkmlelement set cdata = objdom.createcdatasection("text") cdata.data = "<![cdata[<b>latitude = $[latitude]</b>?]]>;" end function when run above, getting error "user defined data type not found" function. yes ripster says find library reference. vba window tools>references for list of relevant references see... http://msdn.microsoft.com/en-us/library/windows/desktop/ms763701%28v=vs.85%29.aspx however, if have hard time tracking down reference, replace dim sta
Read more