एकाधिक टॉगल jquery - jquery

क्या आप मुझे एक समस्या के साथ pls मदद कर सकते हैं? मुझे उसी समय के लिए श्रेणियों के कई चयन के साथ-साथ "सभी" बटन की आवश्यकता है जो सभी तत्वों को टॉगल करेगा।

यहां कुछ कोड दिया गया है:

 $(function() {
//All Category
$("#5").click(function(){
$("ul.thumbs").toggle();});
//First Category
$("#6").click(function(){
$("a.6").toggle();});
//Second Category
$("#7").click(function(){
$("a.7").toggle();});
//Third Category
$("#8").click(function(){
$("a.8").toggle();});
});

और यहाँ लिंक उदाहरण है:

<a class="6"><img src="/images/"></a>

अर्थात। एक वर्ग में मैं श्रेणी संख्या को संग्रहीत करता हूं। अब यह उचित नहीं है। जब आप श्रेणी लिंक पर क्लिक करते हैं, तो वह राइटवे दिखाई देता है या गायब हो जाता है। लेकिन जब आप "ऑल" लिंक पर क्लिक करते हैं, तो यह केवल उन्हीं श्रेणियों को सक्षम / निष्क्रिय करता है, जो "toggled earier" नहीं है। मैं गुरु नहीं हूँ और मुझे लगता है कि मैं अपने आप से कुछ निर्णय नहीं ले सकता हूँ। किसी भी मदद की सराहना की जाएगी।

उत्तर:

पहले तो आपको एक संख्या के साथ वर्ग का नाम और आईडी शुरू नहीं करना चाहिए।

अब, टॉगल दिखाई देने वाली वस्तुओं को छुपाता है और छिपे हुए दिखाता हैलोगों को। जब आप सभी तत्वों को टॉगल करते हैं, तो पहले से छिपे हुए तत्व दिखाए जाएंगे। शायद आपको टॉगल को छिपाने () और शो () के साथ बदलने की आवश्यकता है, जो आप प्राप्त करने की कोशिश कर रहे हैं उसके आधार पर।