jQuery जोड़ने शैली = "अतिप्रवाह: छुपा;"

Question

मैंने अपना मेनू छुपाने के लिए थोड़ा सा कोड बनाया है, मेनू पूरा नहीं हुआ है, लेकिन मैं jQuery.slideUp() फ़ंक्शन का उपयोग करने की कोशिश कर रहा हूं लेकिन यह कोड में style="overflow: hidden;" जोड़ता है, इसलिए जब मैं उपयोग करता हूं। मेरे तत्वों में से एक छिपा हुआ है जो #nav:after है और #nav:before जो मेनू

यहाँ

की तह तक एक छोटा सा तीर कहते हैं जे एस कोड

$("span#start_button").click(function() { 
     if ($("#nav").is(":hidden")) { 
      $("#nav").show("fast"); 
     } else { 
      $("#nav").slideUp(); 
     } 
    }); 

है और यहाँ this site

पर परिणाम है मैं बनाने से .slideUp() रोक सकता है कैसे style="overflow: hidden;"?

Answer 1

आप slideUp() समारोह की कॉलबैक पर overflow:hidden निकालना होगा ताकि आप कोशिश कर सकते हैं

$("#nav").slideUp('fast', function(){ $('#nav').css('overflow','visible') }); 

या आप सीएसएस

#nav{overflow:visible!important} 

Answer 2

एचटीएमएल की शैली विशेषता को संशोधित करके डिफ़ॉल्ट स्टाइल ओवरराइड करें।

else { 
     $("#nav").slideUp(); 
     $("#nav").attr("style","overflow:visible"); 
    } 

Answer 3

इस प्रयास करें ...

else { 
    $("#nav").slideUp(); 
    $("#nav").css("overflow","visible"); 
} 

Answer 4

अवहेलना कि शैली -

$("#nav").slideUp(); 
    $("#nav").css({'overflow':'visible'}); 

Answer 5

यह पुराने jQuery में bug है द्वारा यह मजबूर कर सकते हैं। यह कोड स्टैंडअर्ट फ़ंक्शन "स्लाइडडाउन" को प्रतिस्थापित करता है और ओवरफ़्लो प्रॉपर्टी हटा देता है।

!(function (jQuery, origSlideDown) { 
jQuery.fn.slideDown = function (speed, easing, callback) { 
    var self = this; 
    var args = Array.prototype.slice.call(arguments); 
    var origCallback; 

    for (var i = 0, len = args.length; i < len; i++) { 
     if (jQuery.isFunction(args[i])) { 
      origCallback = args[i]; 
      args[i] = function() { 
       origCallback.call(this); 
       self.css('overflow', ''); 
      } 
     } 
    } 

    if (!origCallback) { 
     args.push(function() { 
      self.css('overflow', ''); 
     }); 
    } 

    return origSlideDown.apply(this, args); 
}; 
})(jQuery, jQuery.fn.slideDown);