jQuery,用于单击一个按钮,该按钮淡出一个div,然后淡入另一个div,然后反向进行

时间:2019-12-04 07:21:29

标签: javascript jquery html css

您如何编写jQuery,以单击一个按钮,该按钮会淡出一个div,然后淡入另一个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');
        });
    });
});

1 个答案:

答案 0 :(得分:0)

您的代码似乎运行得很好:https://jsfiddle.net/05q2m4to/
在我看来,唯一一件奇怪的事情是让fast淡入淡出,而让其他slow淡入淡出,但这并没有破坏任何东西。

问题可能出在脚本之外吗?

相关问题