fadeToggle() not working

Question

I has a strange error when using fadeToggle()

the jquery library inside the head section is: jquery-1.4.2.min.js

and this is the simple function:

Answer 1

fadeToggle() "version added: 1.4.4".

Answer 2

fadeToggle was added on version 1.4.4 -- you won't be able to use it without updating your jQuery.

Answer 3

fadeToggle was added in 1.4.4 http://api.jquery.com/fadeToggle/

so, that would be why, try updating your jQuery version to the latest and it should be good to go!

ps: make sure you read up on breaking changes before you upgrade, b/c there's been some pretty big changes from the early 1.4 ->1.5+

You can fake FadeToggle using animate:

$('#Div1').click(function(){

    if($('#Div2').css('opacity') == 1){

        $('#Div2').animate({opacity:0}, 1000);
    }
    else{
        $('#Div2').animate({opacity:1}, 1000);
    }

});

have a look at my fiddle: http://jsfiddle.net/B73Sj/3/

Answer 4

http://api.jquery.com/fadeToggle/

version added: 1.4.4

Update to the latest version, and try again :)

Answer 5

fadeToggle function is only available in jQuery 1.4.4 and above.

:)