[jQuery] Simple jQuery problem with fading In/Out
Hello all,
I'm trying to fade in one content area when I click on Button 1 and have the
other content area fade out. As I wrote my code right now, it doesn't seem
as though it's right.
In Internet Explorer, It sort of works, but for some reason the content that
is in content area 1 doesn't fade in. It just pops in even though the second
content area fades in just fine.
In Firefox, I can make content area 1 fadeout when i click on the second
content area button(#button2), but then the second content area doesn't
appear, nor can you make content area 1 fade back in when you press the
first content area button(#button1).
The jquery code I wrote myself:
$(document).ready(function() {
$("#area2").fadeOut(0);
$("#button2").click(function() {
$("#area1").fadeOut(1500, function() {
$("#area2").fadeIn(1500);
});
});
$("#button1").click(function() {
$("#area2").fadeOut(1500, function() {
$("#area1").fadeIn(1500);
});
});
});
The Page with the problems is at:
http://www.idea-palette.com/testfolder/pagetest3b.html
--
View this message in context: http://www.nabble.com/Simple-jQuery-problem-with-fading-In-Out-tp21561440s27240p21561440.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.