Fading things in and out JQuery.
Hi, I have a problem while fading things in and out using JQuery.
Here is my code.
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button id="click" value="Click me for some awesome awesomeness.">
<span id="before">
blablabadihaliuzfnaoSFJncao'IJ'aiwjdlmx
</span>
<span id="after" style="display:none;">
<input type="text" value="Please leave your name" onclick="this.value='' onblur="this.value='Please leave your name.'">
</span>
<script>
$('#click').click(function() {
$('#before').fadeOut('slow', function() {
});
$('#after').fadeIn('fast', function(){} );
});
</script>
</body>
</html>
Please tell me how to properly do this, and please explain what each thing does. I got this code from the jquery website.