html - Toggling classes using jQuery -

-

मेरे पास एक पॉपअप तत्व है: 

  & lt; div id = "contactme" वर्ग = "बंद" & gt; & Lt; a href = "जावास्क्रिप्ट: शून्य (0);" onclick = "toggle_contactme" & gt; बंद & lt; / a & gt; & Lt; / div & gt; & Lt; a href = "जावास्क्रिप्ट: शून्य (0);" onclick = "toggle_contactme" & gt; ओपन & lt; / a & gt;

मैंने दो वर्गों .open और .closed प्रत्येक बना दिया है सीएसएस के साथ:

<पूर्व> । बंद {दृश्यता: छुपा; }। Open {दृश्यता: दृश्यमान; }

jQuery का उपयोग करके मुझे पॉपअप को खोलने और बंद करने में त्रुटियां मिलीं हैं, और मुझे यकीन है कि यह सीएसएस या सिर्फ गलत jQuery है।

यहाँ है फ़ंक्शन टॉगल_ संपर्क () {if ($ ("# contactme") हैक्लास ("बंद")) {$ ("# contactme" ) .removeClass ( "बंद") addClass ( "खुला")। } और अगर ($ ("# संपर्क")। हैक्लास ("खुली")) {$ ("# संपर्क")। निकालेंक्लस ("खुली")। ऐडक्लस ("बंद"); }; }

यह कोड चलाते समय, यह पॉपअप को खोलता है, लेकिन इसे बंद करने में विफल रहता है, कोई मदद की सराहना की जाएगी!

पिंड:

तत्वों को पूरी तरह से छुपाने और दिखाने के लिए जिन्हें आप दृश्यता: छुपा; का उपयोग नहीं करना चाहिए। बेशक, यह तत्व छुपाता है, लेकिन यह अभी भी जगह पर कब्जा कर रहा है। आप तत्व को पूरी तरह छिपाने के लिए डिस्प्ले: कोई नहीं; का उपयोग करना चाहते हैं JQuery में इस कॉल के लिए फ़ंक्शन हैं और जो डिस्प्ले तत्व का मान सेट / अनसेट करेगा।

इस स्थिति में, जब से आप दो राज्यों के बीच टॉगल करना चाहते हैं, तो जांच लें फ़ंक्शन जो वास्तव में ऐसा करता है।

कार्य उदाहरण:

संपादन: एनिमेटेड संस्करणों के लिए, चेक आउट करें, और।

उदाहरण के लिए उदाहरण (एनिमेटेड):

HTML 

  & lt; a href = "#" वर्ग = "छिपा हुआ" & gt; बंद करें & lt; / a & gt; & Lt; a href = "#" & gt; ओपन & lt; / a & gt;

सीएसएस 

 । Hidden {display: none; } {/ Code>  
  jQuery   
  $ (फ़ंक्शन () {$ ('a') क्लिक करें (फ़ंक्शन () {/ / $ ('ए')। टॉगल (); // यूनैनीटेड $ ('ए')। FadeToggle (); // एनिमेटेड});});

Comments

Post a Comment

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

-
I have written a simple httprequest / response code and I am getting this error below: I used to type in my classpath httpclient, httpcore, common -Codecs and general logging. I am very new to Java and I do not know what's going on here. Please help me. code: import org.apache.http.client.HttpClient; Import org.apache.http.client.methods.HttpGet; Import org.apache.http.HttpResponse; Import org.apache.http.impl.client.HttpClientBuilder; Import org.apache.http.Header; Import org.apache.http.HttpHeaders; Public class UnshorteningUrl {public static zero main (string [] args throws exception {HttpGet request = zero; HTTP Client Client = HTTP ClientBuilder.credit (). Build (); Try {Request = New HTTP Gate ("trib.me/1lBFzSi"); HttpResponse httpResponse = client.execute (request); Header [] header = httpResponse.getHeaders (HttpHeaders.LOCATION); // Preconditions.checkState (headers.length == 1); String new url = header [0] .getValue (); System.out.println ("new url...
Read more

objective c - How to open front/back camera at the same time in iOS developing? -

-
I want to use the front and rear camera at the same time in iOS development: when I take a photo back After the camera, the front camera can be opened and another can take a photo. By the way, these two photos are in a picture: vertical arrangement. Has anyone done this before? UIImagePickerController to take the picture, and to determine which camera is used Is in. / P> To merge the pictures, I found an example through search (its recommendation in the future)
Read more

xml - XMLStarlet - UTF-8 Nordic characters -

-
To use an XMLStarlet (windows) to edit an RSS feed, but the Norwegian letter 'ANSA' There are some issues with. I am using an example found on this site () This is my feed. Xml is (Notepad ++ says it is encoded in UTF-8) I am not using the following example because it is for Linux script, but my long command line is similar. # ! / Bin / sh TITLE = "Test Title ÆØÅ" LINK = "http://www.example.com" DATE = "` Saturday, 26 July 2014 01:14:30 + 0200` "xmlstarlet ed -l -a" / / Channel "-tmm-nmad-v" "\ -s" // item [1] "-t emil - t-- v" $ tITLE "\ -s" // item [1] "-t Elem -n link -v "$ LINK" \ -s "// item [1]" -t elem -n pubDate -v "$ DATE" \ -d "// item [condition ()> 10]" Feed .xml; Windows Command Line (What I'm using): xml.exe ed -l -a "// channel" -t elem - N item-v "" -s "// item [1]" -t elem -n title -v...
Read more