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

Python Gstreamer for Lion -

-
I am working on a Kiwi project, and I want to be able to play it video, but I have been Gstreamer To set up I have to face a terrible time. I tried the brew install gst-python , but I get the following message, which is quite meaningless for me. brew install gst-python == & gt; GST-Python Dependency Installation: pygtk == & gt; Http://ftp.acc.umu.se/pub/GNOME/sources/pygtk/2.24/pygtk- Downloading- Pre-Downloaded: / Library / Catches / Homebrew /pygtk-2.24.0.tar .bz2 == & gt; Checking for .configure --prefix = / usr / local / cellar / pygtk / 2.24.0 pkg-config ... no GLIB - version & gt; = 2.8.0 ... No *** A new enough version of Pkg-config was not found. *** Configure http://www.freedesktop.org/software/pkgconfig/: Error: Need a gobject to create pygtk? Based on the site, I have to clone a repository, but is there a specific place in which the repository is needed? Is there an easy way to get Gstreamer, like PIP, or do I have to do all this to get it? This...
Read more

c# - Chart control: Design messed Up after clearing and re-adding Y-Values -

-
Image
The day was struggling with this. I have three series on a chart that looks like this. Note: I am using vanof control. They are being added on the basis of input from the calculation. I am using this code to add value to each series. this.chart1.Series ["green"]. Points. AddY (greenvalue); This.chart1.Series ["totalsaving"] Points.AddY (totalsavingvalue). This.chart1.Series ["blue"] Points.AddY (bluevalue). I have set series properties like this. Both green and totalsaving are set to StackedColumn, the blue chart is set to the column for type. I started then To do is a button that brings the user back to the input field and then I am using this code to clear the series values ​​on the start code. chart 1. Series ["totaling"]. Points. clear (); Chart1.Series ["green"] Points.Clear () .; Chart1.Series ["blue"] Points.Clear () .; The same calculation click above is being calculated for the calculation of th...
Read more