मेरे पास एक पैनल है जिसमें एक संवेदनशील हिंडोला है, इसलिए मुझे कंटेनर की ऊंचाई को संरक्षित करने की आवश्यकता है जिसका मतलब है कि मैं "टी उपयोग" कर सकता हूं
display:none
इसलिए मैंने ऊंचाई को संरक्षित किया है और इसे दृष्टि से ऊपर की ओर से अलग कर रहा हूं, जब उपयोगकर्ता एक बटन क्लिक करता है तो यह नीचे स्लाइड करता है।
मुझे बस उपयोगकर्ता को फिर से बटन क्लिक करने की अनुमति देने की आवश्यकता है और इसे स्लाइड अप करना होगा।
यही सब कुछ मेरे पास है:
$("a.myCourses").on("click", function() {
$("#courseCart").animate({"top": "0"}, 1000);
$(this).addClass("open");
});
यह पैनल को नीचे स्लाइड करता है। मैंने एक वर्ग जोड़ा और कहा कि मैं फिर से बटन को लक्षित कर सकता हूं और इसे स्लाइड कर सकता हूं लेकिन यह काम नहीं किया।
किसी भी मदद के लिए धन्यवाद।
उत्तर:
उत्तर № 1 के लिए 1आपको यह जांचने के लिए एक स्विच शामिल करना चाहिए कि क्या आपका हिंडोला पहले से खुला है, तो आप इसे फिर से स्लाइड कर सकते हैं। उसे इस बेला में देखें http://jsfiddle.net/gbzhhc5d/3/
$("a.myCourses").on("click", function() {
if($(this).hasClass("open")) {
$("#courseCart").animate({"top": "-100"}, 1000);
$(this).removeClass("open");
}
else {
$("#courseCart").animate({"top": "0"}, 1000);
$(this).addClass("open");
}
});