क्लिक करें

Question

पर इस कोड के तहत इस कोड के तहत jquery के साथ fade out div में सरल फीका, आप यहां के उत्तरों को पढ़ सकते हैं - मैं इसे भविष्य के संदर्भ के लिए संपादित करता हूं।

एचटीएमएल:

<div><a href="#" id="btn">Show bank div and hide fancy div</a></div> 
<div id="btn-bk"><a href="#">back</a></div> 
<div id="bank">Bank Div</div> 
<div id="fancy">Fancy Div</div> 

सीएसएस:

#bank {display:none;} 
#btn-bk {display:none;} 

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

$('#btn').click(function(e){  
    $('#fancy, #btn').fadeOut('slow', function(){ 
     $('#bank, #btn-bk').fadeIn('slow'); 
    }); 
}); 

    $('#btn-bk').click(function(e){  
     $('#bank, #btn-bk').fadeOut('slow', function(){ 
      $('#fancy, #btn').fadeIn('slow'); 
     }); 
    }); 

Live DEMO that works

Answer 1

आपकी समस्या कोड की इस पंक्ति के साथ है:

$('#bank').replace('<div id="fancy"></div>').fadeIn('slow'); 

jQuery में कोई .replace() फंक्शन नहीं है। कि निकालें और यह काम करता है:

$('#bank').fadeIn('slow'); 

इसे यहाँ देखें: http://jsfiddle.net/3XwZv/57/

Answer 2

निम्नलिखित jQuery कोड का उपयोग करें:

$('#btn').click(function(e){  
    $('#fancy').fadeOut('slow', function(){ 
     $('#bank').fadeIn('slow'); 
    }); 
}); 

Answer 3

आप) एचटीएमएल (का उपयोग करना चाहिए बजाय की जगह()। इसके अलावा, यह सोचते हैं आप निम्नलिखित एचटीएमएल के साथ अपने बैंक div बदलना चाहते हैं:

<div id="fancy"></div> 

प्रयास करें इस

$('#btn').click(function(e){  
    $('#fancy').fadeOut('slow', function(){ 
     $('#bank').html('<div id="fancy"></div>').fadeIn('slow'); 
    }); 
});