javascript - Div doesn't fade out after completion in jQuery -

#cal div jQuery में पूरा होने के बाद फीका नहीं करता।

  & lt; div id = "मुख्य" & gt; & Lt; div id = "मूल्य" & gt; & lt; / div & gt; & Lt; div id = "cal" & gt; परिकलन ... & lt; / div & gt; & Lt; / div & gt;   
 और यहां मेरा जावास्क्रिप्ट / jQuery कोड है:  
  & lt; script type = "text / javascript" & gt; $ ( '# कैलोरी') को छिपाने ()।; $ ('# Price_submit') क्लिक करें (फ़ंक्शन () {var my_data = {// सफलतापूर्वक डेटा भेजता है}; $ ('# मूल्य')। फ़ेडऑट ('तेज', फ़ंक्शन () {$ ('# cal') .fadeIn ();}); $ .एजेक्स ({url: "proccess.php", प्रकार: 'पोस्ट', डेटा: my_data, सफलता: फ़ंक्शन (msg) {$ ('# cal')। FadeOut ('fast ', फ़ंक्शन () {$ (' # मूल्य ')। FadeIn ()। Html (msg);});}}); वापस लौटा;}); & Lt; / स्क्रिप्ट & gt;   
 आखिरकार यह डेटा को सफलतापूर्वक पुनर्प्राप्त करेगा और इसे दिखाएगा लेकिन यह अभी भी #cal div भाई मूल्य दिखाता है। मैं आपकी मदद की सराहना करता हूं।   
 
 
 मैं आपको पिछले एनिमेशन को रोकने और देखें:  
  $ ('# cal')। Stop ()। FadeOut ('fast', फ़ंक्शन () {$ ('# price')। Stop ()। FadeIn ()। Html (msg) ;});