Toggling between Menu Active states using jQuery -


मेरे पास निम्न jQuery कोड है:

  $ ("ul.menu li a" )। क्लिक करें (फ़ंक्शन () {$ ("ul.menu li a")। RemoveClass ("वर्तमान मेनू"); $ (यह) .addClass ("currentMenu");});  

पेज स्टार्टअप पर, मेरा "होम" मेन्यू बटन "वर्तमान मेन्यू" पर सेट है, मूल रूप से रंग की पृष्ठभूमि को ऑरेंज पर सेट किया जाता है।

मैं क्या करने की कोशिश कर रहा हूं प्राप्त करने के लिए, जो कि ऊपर दिए गए jQuery कोड को पूरा नहीं करता है, यदि मैं मौजूदा "होम" बटन पर क्लिक करता हूं जिसे "वर्तमान मेन्यू" पर सेट किया गया है, तो मैं वास्तव में इस वर्ग को हटाना चाहूंगा, इसलिए "होम" बटन पर अब नहीं है नारंगी पृष्ठभूमि का रंग और इसके विपरीत, जब "होम" बटन को सेट नहीं किया जाता है, तब "चालूमेनू" वर्ग पर सेट होता है।

आशा करता है कि यह समझ में आता है।

वर्तमान तत्व को इस प्रकार से फिल्टर करने के लिए आप ऐसा कर सकते हैं:

  $ ("post-text" itemprop = "text" ("वर्तमान मेन्यू"); $ (यह) .toggleClass ("वर्तमान मेन्यू");} ("वर्तमान मेनू");} );  

, यह केवल क्लिक किए गए एंकर को संग्रह के बाहर फ़िल्टर करता है, इसलिए इसके बाद उसके द्वारा प्रभावित किए जाने वाले / बंद प्रभाव को चालू करने के बजाय उसके द्वारा प्रभावित नहीं किया जाएगा।


Comments