जनक div ड्रॉप-छाया बग जब बच्चे इंटरनेट एक्सप्लोरर 9

Question

में jQuery के साथ एनिमेटेड है जब एक माता पिता div एक सीएसएस ड्रॉप-छाया आवेदन किया है, और उसके बच्चों jQuery के साथ एनिमेटेड है ताकि माता पिता div ऊंचाई, नीचे अजीब लाइनों में परिवर्तन IE9 में पृष्ठ को देखते समय पैरेंट div प्रकट होता है। http://jsfiddle.net/vPqxb/11/ और एक स्क्रीनशॉट: यहाँ एक उदाहरण है

एक है जो सिर्फ कोड को देखने के लिए;

<div class="parent"> 
    <div class="longer">&nbsp;</div> 
</div> 

, सीएसएस:

div.parent { 
    background: #ddd; 
    box-shadow: 1px 1px 2px 1px #c9c7c9; 
    width: 80%; 
} 

div div { 
    background: red; 
    height: 10px; 
    width: 30px; 
} 

.longer { 
    height: 200px; 
} 

और जावास्क्रिप्ट (ध्यान दें कि पहले एक jQuery यूआई की आवश्यकता है): यहां HTML है

$("a.toggleclass").on("click", function() { //some trigger, doesn't matter where 
    div.stop(true,true).toggleClass("longer", 1000); 
}); 

$("a.animate").on("click", function() { //another one without jQuery UI 
    div.stop(true,true).animate({"height":"20px"}, function() { 
     div.attr({"style":""}); 
    }); 
}); 

मेरे सवालों का हो सकता है;

1. क्या यह एक jQuery या इंटरनेट एक्सप्लोरर बग है?
2. क्या आप इसके आसपास एक रास्ता खोज सकते हैं? (इंटरनेट एक्सप्लोरर 9 संक्रमणों का समर्थन नहीं करता है इसलिए मैं अनजान हूं)

किसी भी मदद के लिए बहुत बहुत धन्यवाद।

Answer 1

This question समान है, और मेरा मानना ​​है कि इस सवाल का जवाब मैं प्रस्तावित उचित है।

संक्षेप में: http://jsfiddle.net/DwApF/12/

पूर्ण विवरण: https://stackoverflow.com/a/8676063/453277

Answer 2

आपका कोड थोड़ा जटिल है। मैं वास्तव में बता सकते हैं नहीं है कि आपके वांछित व्यवहार था, लेकिन इस चिकनी लग रही है, और मुझे लगता है कि IE9 बेहतर संभाल सकता है, लेकिन मैं परीक्षण करने के लिए सक्षम नहीं था।

$("a.toggleclass").click(function() { 
    $('.parent').animate({height: 1000}, '1000'); 
}); 

मैंने आपके JS Fiddle को अपडेट किया। मुझे लगता है कि यह .stop(true,true) से कोई लेना देना नहीं है।