用于单击淡出一个 div 然后淡入另一个 div 然后反向执行的按钮的 jQuery

Question

你如何编写 jQuery 来单击一个按钮，该按钮淡出一个 div，然后淡入另一个 div，然后单击另一个执行相反操作的按钮。

我真的被困在中途标记处。 使用下面的代码，我可以淡出 div 并淡入另一个，但不确定如何做相反的事情。

真的可以在您的专家帮助下完成这项任务。 将不胜感激 - 谢谢。

$(document).ready(function() {
    $('#triggerButton1').click(function(e){
        $('#homepagetext').fadeOut('slow', function(){
            $('#contactform').fadeIn('slow');
        });
    });
    $('#triggerButton2').click(function(e){
        $('#contactform').fadeOut('fast', function(){
            $('#homepagetext').fadeIn('slow');
        });
    });
});

Answer 1

您的代码似乎在小提琴中工作正常： https : //jsfiddle.net/05q2m4to/
唯一对我来说似乎很奇怪的是让一个淡入淡出fast而所有其他淡化都slow但这并没有破坏任何东西。

也许问题出在脚本之外？