Help with fading multiple divs with one button
I am stuck on this issue, i have 3 divs, I am trying to fade in and fade out accordingly;
-
$(document).ready(function(){
$('#energyTip2').hide();
$('#energyTip3').hide();
$('#energyTipBtn').click(function ()
{
if($('#energyTip1').css("display","block"))
{
$('#energyTip1').fadeOut("slow");
$('#energyTip2').fadeIn("slow");
}
else if($('#energyTip2').css("display","block"))
{
$('#energyTip2').fadeOut("slow");
$('#energyTip3').fadeIn("slow");
}
else if($('#energyTip3').css("display","block"))
{
$('#energyTip3').fadeOut("slow");
$('#energyTip1').fadeIn("slow");
}
});
});
Not sure what is going on here. But it seems like it is not even gettign down to the 2nd if statement.