In principiu am inteles ce face desi nu prea is lamurit cu anumite chestii abordate la partea de html.
Bun am luat si eu codurile si le-am pus si invartit in 100 de moduri dar sa-mi faca fade,nici o sansa.
Crezi ca ma poti ajuta?
Uite aici Fisierele mele.
HTML
Cod: Selectaţi tot
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="astro.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/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');
});
});
</script>
</head>
<body>
<div id="btn"><a href="#">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>
</body>
</html>Cod: Selectaţi tot
body {
background-color:#000;
height:800px;
color:#ccc;
font:10px "Lucida Grande", "Lucida Sans", "Trebuchet MS", verdana, sans-serif;
}
#bank {display:none;}
#btn-bk {display:none;}