Jquery on click action for 1 div but multiple activate -

मेरे पास निम्न divs हैं:

  & lt; div class = "album" & gt; & Lt; div वर्ग = "एल्बम-कवर" & gt; & Lt; img src = "cover.jpg" & gt; & Lt; / div & gt; & Lt; div वर्ग = "एल्बम-ट्रैक" & gt; & LT; ul & gt; & Lt; li वर्ग = "गीत" & gt; 01 - गाने & lt; / li & gt; & Lt; li वर्ग = "गीत" & gt; 02 - गीत & lt; / li & gt; & Lt; li वर्ग = "गीत" & gt; 03 - गाने & lt; / li & gt; & Lt;! - और इतने पर - & gt; & Lt; / ul & gt; & Lt; / div & gt; & Lt; / div & gt;  

उपरोक्त कोड एक कलाकार के प्रत्येक एल्बम के लिए जोड़ दिया जाएगा। मेरे पास फिलहाल jQuery है:

  $ (document) .ready (function () {$ ('। एल्बम-tracks')। Hide (); $ (' ('' एल्बम-कवर ')। क्लिक करें (फ़ंक्शन () (यदि ($ ('। एल्बम-ट्रैक ')। है (': छिपा हुआ ')) {$ ('। एल्बम-ट्रैक ')। स्लाइड डाउन (' easeInExpo ', 0 );} और {$ ('। एल्बम-ट्रैक')। स्लाइडअप ('आराम ऑटएक्सपो');}})});  

इसलिए जब एक उपयोगकर्ता एल्बम छवि पर क्लिक करता है तो ट्रैक नीचे स्लाइड होगा यह मेरी समस्या का हिस्सा भी है जब कोई उपयोगकर्ता एक आवरण पर क्लिक करता है, तो सभी ट्रैक सूचियों को एक एल्बम से नहीं नीचे स्लाइड किया जाता है। स्क्रिप्ट को कार्रवाई में देखने के लिए जांचें।

तो क्या केवल क्लिक किए गए एल्बम के पटरियों को दिखाने का कोई तरीका नहीं है और सभी एल्बम?

धन्यवाद अग्रिम में

चयनकर्ता की जांच करें

  $ (document) .ready (function () {$ ('.album-tracks')। Hide (); $ ('। Album-cover')। क्लिक करें (फ़ंक्शन () {var $ this = $ (this); अगर ($ this.siblings ('। एल्बम-ट्रैक '' (': छिपा हुआ')) ($ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ स्लाइडअप ('आराम ऑटएक्सपो');}})});  

फ़िडल्ड काम करना