jquery - Prevent IE showing two DIVS during half a second on load -

मेरे पास निम्न HTML कोड है:

  & lt; div id = "block1" & gt ; कुछ पाठ & lt; / div & gt; & Lt; div id = "block2" & gt; कुछ और पाठ & lt; / div & gt;   
 और jQuery कोड का एक टुकड़ा:  
  jQuery (दस्तावेज़) .ready (फ़ंक्शन ($) {$ ('block1')। सीएसएस (' प्रदर्शन ',' ब्लॉक '); $ (' ब्लॉक 2 ')। सीएसएस (' प्रदर्शन ',' कोई नहीं ');});   
 सिद्धांत में, यह ब्लॉक 1 दिखाना चाहिए और ब्लॉक 2 को छिपा देना चाहिए। प्रैक्टिस में, आईई केवल एक अच्छा (ब्लॉक 1) दिखाने से पहले आधा सेकंड में दोनों डीआईवी दिखाती है। यह क्रोम, फ़ायरफ़ॉक्स, आदि पर नहीं होता है ...  
 मैं स्टाइल = "डिस्प्ले: ब्लॉक;" नहीं जोड़ सकता और शैली = "प्रदर्शन: कोई नहीं;" सीधे एचटीएमएल कोड में क्योंकि यह द्विप्रभाव से उत्पन्न होता है।  
 क्या हर ब्राउज़र में यह काम करने के लिए jQuery का कोई विकल्प है?   
 
 
 आप पहली बार दोनों divs को छुपाने के लिए एक स्टाइल शीट में सीएसएस का उपयोग करके कोशिश कर सकते हैं, और जिस तरह से आप इसे अब कर रहे हैं, उसे दिखाने के लिए jquery का उपयोग करें  
 OR  
 आप बस सीएसएस में दिखाई नहीं दे सकते हैं और सब कुछ तैयार होने के लिए तैयार होने के बाद दृश्यमानता में परिवर्तन करने के लिए jquery का उपयोग कर सकते हैं।  
 यदि आपके आउटपुट डिव कोड पर नियंत्रण है, तो आप हमेशा आउटपुट उन्हें कोई प्रदर्शित न करें और सही एक को केवल दिखाएं बहुत सारे विकल्प हैं परंतु मुझे नहीं पता कि आप क्या कर सकते हैं / नहीं कर सकते हैं