Jquery Slickbox toggle issue -

यहाँ मैं उपयोग कर रहा हूँ

  $ (document) .ready (function ( ) ($ ('# Slickbox')। Hide (); // विख्यात लिंक $ ('a # slick-show') पर क्लिक करने के लिए slickbox को टॉगल करता है। क्लिक करें (फ़ंक्शन () {$ ('# slickbox')। ('धीमी'); वापसी झूठी;}); // विख्यात लिंक $ ('एक # चालाक-छिपाने') पर क्लिक करने के लिए slickbox छुपाता है। (फ़ंक्शन () {$ ('# slickbox')। फास्ट '); वापसी झूठी;}); // विख्यात लिंक $ (' एक # चालाक टॉगल ') पर क्लिक करने के लिए स्लीकबॉक्स को टॉगल करता है। क्लिक करें (फ़ंक्शन () {$ (' # slickbox ')। टॉगल (400); विवरण झूठा है;         });     });  

यहां HTML कोड है:

  & lt; div id = "slickbox" & gt; BLARGH & lt; / div & gt; & Lt; a href = "#" id = "स्लिम-शो" & gt; दिखाएँ & lt; / a & gt; & Lt; a href = "#" id = "चालाक-छिपाना" & gt; छिपाएं & lt; / a & gt; & Lt; a href = "#" id = "स्लिम-टॉगल" & gt; टॉगल & lt; / a & gt;  

काम को अच्छी तरह से ठीक दिखाना और छिपाएं ब्लॉगर छिप जाता है जब ब्राउज़र खोलता है और मैं इसे दिखा सकता हूं और छिपा सकता हूं लेकिन लिंक पर क्लिक कर रहा हूं। मेरी समस्या यद्यपि है, जब मैं टॉगल पर क्लिक करता हूं, अगर ब्ल्लाग को दिखाने के लिए संक्षिप्त रूप से स्लाइड होती है और फिर स्लाइड बंद हो जाती है मैं इसे जितनी बार चाहता हूँ क्लिक कर सकते हैं और यह वही काम करता है मैं इसे कैसे दिखा सकता हूं और फिर इसे छिपाने के लिए फिर से क्लिक करूँ?

  $ ("तेज"): $ ('एक # चालाक टॉगल') पर क्लिक करें (फ़ंक्शन () {$ ('# slickbox')। है (": दृश्यमान")? $ ('# सिकबॉक्स')। शो ("धीमा"); वापस लौटा;});  

या आप शो / छिपाने के बाइंडिंग के क्लिक को ट्रिगर कर सकते हैं, और इस तरह से आपको a # slick-toggle के कार्यान्वयन में परिवर्तन नहीं करना होगा आप एनिमेशन को बदलने का निर्णय लेते हैं:

  $ ('a # slick-toggle')। क्लिक करें (फ़ंक्शन () {$ ('# slickbox')। है (":")? $ ('A # slick-hide')। ट्रिगर ("क्लिक करें"): $ ('एक # चालाक-शो')। ट्रिगर ("क्लिक करें"); वापसी लौटा;});