jQuery .hide() fadein()

Question

यह मेरा कोड है ऐसा करने का कोई और तरीका?

Answer 1

आप अस्पष्टता आप रखना चाहते हैं के बजाय यदि का उपयोग कर सकता है तत्व के आयाम बरकरार:

$('.items').html(response).css({'opacity':0}).animate({'opacity':1}); 

Answer 2

छिपाएं सीएसएस का उपयोग कर और उसके बाद जरूरत पड़ने पर इसे फीका:

सीएसएस:

.items { 
    display:none; 
} 

जावास्क्रिप्ट

$('.items').html(response).fadeIn();

Answer 3

आप मौजूदा सामग्री और नए के बीच एक चिकनी transtion को दिखाने के लिए चाहते हैं, कोशिश निम्नलिखित:

$(function(){ 
    $('.items').fadeOut(function(){ 
     $(this).html(response).fadeIn(); 
    }) 
}); 

Answer 4

यह एक क्लीनर समाधान है, क्योंकि यह तत्व की एक चमकती प्रभाव से बचा जाता है पहले जोड़ा जा रहा है, तो जल्दी से होने इसकी अस्पष्टता 0.

को इस तरह ELEM जोड़ा पहले से ही 0.

var elem = $(response).css({'opacity': 0}); 
$('.items').html(elem); 
elem.animate({'opacity': 1});