jquery div show में फीका

Question

मैं नीचे दी गई स्क्रिप्ट को फीका करने और बीच में देरी के साथ फीका करने की कोशिश कर रहा हूं। यह div को सही तरीके से दिखाता है और इसे बाहर कर देता है, लेकिन यह फीका नहीं है?

<?php 
if(isset($_GET['updated'])) { ?> 
<div id='updated'><p>The product was successfully added to your Shopping Cart</p></div> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript"> 
$('#updated').fadeIn(800).delay(3000).fadeOut(800) 
</script> 
<?php } ?> 

बहुत धन्यवाद!

Answer 1

$('#updated').hide().fadeIn(800).delay(3000).fadeOut(800); 

तुम भी सीएसएस में यह सेट कर सकते हैं:

#updated{ 
    display: none; 
} 

समस्या है - यह पहले से ही दिखाई देती है (डिफ़ॉल्ट रूप से)।

Answer 2

आप fadeIn() से पहले छिपानेdiv करने के लिए है, तो आप div को छिपाने के लिए hide() विधि का उपयोग कर सकते हैं।

<?php 
if(isset($_GET['updated'])) { ?> 
<div id='updated'><p>The product was successfully added to your Shopping Cart</p></div> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript"> 

$('#updated').hide().fadeIn(800).delay(3000).fadeOut(800) 
</script> 
<?php } ?> 

Answer 3

अपने क्योंकि इसके पहले ही दिखा

<div id='updated' style="display:none"> 

फिक्स यह