JQuery स्लाइड टॉगल डिस्प्ले प्रकार

Question

मैं एक छिपी हुई तालिका पंक्ति दिखाने के लिए एक jQuery स्लाइड टॉगल का उपयोग कर रहा हूं लेकिन यह डिस्प्ले शैली को ब्लॉक करने के लिए सेट करता है और मुझे टेबल-पंक्ति प्रदर्शित करने की आवश्यकता होती है। कोई विचार है कि मैं इसे कैसे पूरा कर सकता हूं?

धन्यवाद अग्रिम

Answer 1

में आप कॉलबैक का उपयोग इस

$('#tableRowId').slideToggle(function(){ 
    $(this).css('display', 'table-row'); 
}); 

Answer 2

यह एक ज्ञात bug (भी here) है बदलने के लिए कर सकते हैं। jQuery slideToggle के साथ। slideToggle का उपयोग करने का कोई तरीका नहीं है और इसे डिस्प्ले शैली को सही तरीके से संरक्षित करें। एनीमेशन पूर्ण होने पर आप कॉलबैक के साथ डिस्प्ले शैली को लागू कर सकते हैं, लेकिन यह आपके इच्छित प्रभाव को प्राप्त नहीं कर सकता है।

Answer 3

सिर्फ समारोह

$(this).css('display','');

Answer 4

मैं इस समस्या का समाधान पता लगा कालबैक में इस कोड को जोड़ना - जाँच करता है, तो प्रदर्शन ब्लॉक करने के लिए (यदि तत्व दिखाए जाने के लिए टॉगल किया गया) स्थापित किया गया है और यदि वांछित प्रदर्शन प्रकार पर सेट है।

$('a.btn').on('click', function() { 
    $('div.myDiv').slideToggle(200, function() { 
     if ($(this).css('display') == 'block') $(this).css('display', 'table-row'); // enter desired display type 
    }); 
}); 

Answer 5

अकार्बनिक का समाधान लगभग काम कर रहा है। लेकिन आपको step कॉलबैक को block से table-row बदलने के लिए भी सेट करने की आवश्यकता है।

 $('row-selector-here').slideToggle({ 
      duration: 'fast', 
      step: function() { 
       if ($(this).css('display') == 'block') { 
        $(this).css('display', 'table-row'); 
       } 
      }, 
      complete: function() { 
       if ($(this).css('display') == 'block') { 
        $(this).css('display', 'table-row'); 
       } 
      } 
     });