This MUST be an easy fix...?

[eabigelow]

Hi--

I am using the following js to click on divA to fade out divB, and then click on divA again to fade in divB. It works the first time, but not the rest.

My apologies for the terrible script (I know nothing about js), but could someone help me fix this? MANY THANKS FOR ANY HELP!

$(document).ready(function(){
$('#divA').click(function() {
$('#divB').fadeOut(500, function() {
$('#divA').click(function() {
$('#divB').fadeIn(500);
});
});
}); });

[DanInMa]

you improperly nested your functions and had an extra });

$(document).ready(function () {
    $('#divA').click(function () {
        $('#divB').fadeOut(500);
    });
    $('#divA').click(function () {
        $('#divB').fadeIn(500);
    });
});

[eabigelow]

Hi, DanInMa--

Thanks for the reply. Unfortunately, the new code just fades out and then fades in divB. If possible, I would like it to do both as separate actions triggered by clicks, as described above.

[AndrewGSW]

$('#divA').toggle(function () {
  $('#divB').stop().fadeOut(500);
}, function () {
  $('#divB').stop().fadeIn(500);
});

The jQuery docs for toggle seem to be wrong.. that is, the wrong way round

handler(eventObject)A function to execute every even time the element is clicked.
handler(eventObject)A function to execute every odd time the element is clicked.

[eabigelow]

Thanks, AndrewGSW--That did the trick!!!!!!! Is that cross-browser?

[AndrewGSW]

Originally Posted by eabigelow

Thanks, AndrewGSW--That did the trick!!!!!!! Is that cross-browser?

Well, it's jQuery, so.. yes.

[eabigelow]

Great. Thanks again!