javascript - Function to toggle dynamically-added elements -

संभव डुप्लिकेट:

मैंने यह काम जेएसएफडल में देखा लेकिन किसी भी कारण से मुझे यह काम करने के लिए नहीं मिल सकता है। यह कोड ऐसा तरीका है क्योंकि मेरे पास 100 से अधिक लिंक होंगे, जिनसे मैं चुनना चाहता हूं और मुझे 100 भिन्न स्लाइड टॉगल फ़ंक्शंस नहीं बनाना है।

  & lt;! DOCTYPE html सार्वजनिक "- // W3C // DTD एक्सएचटीएमएल 1.0 ट्रांस्क्रिप्शन // एन" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd "& gt; & Lt; html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; मेटा http-equiv = "सामग्री-प्रकार" सामग्री = "पाठ / html; वर्णसेट = यूटीएफ -8" / & gt; & Lt; शीर्ष & gt; & Lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" src = "jquery.js" & gt; & Lt; / स्क्रिप्ट & gt; & Lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" & gt; $ ('काउंटी')। क्लिक करें (फ़ंक्शन () {var इस आईएस = $ (यह)। इंडैक्स (); $ ('। काउंटीस्टेट्स')। Eq (यह) .slideToggle (300);}); & Lt; / स्क्रिप्ट & gt; & Lt; शैली प्रकार = "टेक्स्ट / सीएसएस" & gt; .county {font: "ट्रेबचेेट एमएस", एरियल, हेल्विटिका, बिना-सेरिफ़; } .countystats {पृष्ठभूमि-रंग: नीला; कुछ भी डिस्प्ले मत करो; } & Lt; / style & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; div & gt; & Lt; एक वर्ग = "काउंटी" href = "जावास्क्रिप्ट:;" & gt; एक & lt; / a & gt; & Lt; एक वर्ग = "काउंटी" href = "जावास्क्रिप्ट:;" & gt; दो & lt; / a & gt; & Lt; / div & gt; & Lt; div वर्ग = "काउंटीस्टैट्स" & gt; आँकड़े एक & lt; / div & gt; & Lt; div वर्ग = "काउंटीस्टैट्स" & gt; आँकड़े दो & lt; / div & gt; & Lt; br / & gt; & Lt; br / & gt; & Lt; / body & gt; & lt; / html & gt;   
 काम कर रहा है jsFiddle url:   
 
 
 मैं भी क्लिक करने का सम्मान करने के लिए किसी गतिशील रूप से जोड़ा गया सामग्री को अनुमति देने के लिए। को क्लिक करें। और इसे किसी दस्तावेज़ में लपेटें। इसलिए, ऐसा कोई फर्क नहीं पड़ता कि दस्तावेज़ में स्क्रिप्ट कहां है।  
  $ (दस्तावेज़) .ready (function () {$ ('काउंटी')। लाइव ('क्लिक', फ़ंक्शन () {var इस आईएस = $ ('काउंटी')। इंडेक्स ($ (यह)); अलर्ट (यह है); $ ('काउंटीस्टेट्स')। Eq (यह आईएस)। स्लाईडटॉगल (300);});});