Thursday, May 23, 2024
 Popular · Latest · Hot · Upcoming
12
rated 0 times [  15] [ 3]  / answers: 1 / hits: 95878  / 12 Years ago, tue, september 25, 2012, 12:00:00

THIS CODE UNDER HERE WORKS, you can read the answers under here - i edit this for future reference.



HTML:



<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>


CSS:



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


Javascript:



    $('#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


More From » jquery

 Answers
115

Your problem is with this line of code:



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


There is no .replace() function in jQuery. Remove that and it works:



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


See it here: http://jsfiddle.net/3XwZv/57/


[#82919] Sunday, September 23, 2012, 12 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
billier

Total Points: 153
Total Questions: 85
Total Answers: 91

Location: Monaco
Member since Sun, Jan 16, 2022
2 Years ago
billier questions
Sun, Dec 27, 20, 00:00, 3 Years ago
Tue, May 26, 20, 00:00, 4 Years ago
Fri, Apr 3, 20, 00:00, 4 Years ago
;