javascript - 使用 jquery 淡入/淡出 javascript 不起作用

Question

我想要淡入和淡出不同的 <div>在我的网站上。 div 在一起都是一种形式。在每个 <div>我有一个“进一步”和一个“返回”按钮。进一步按钮会触发此脚本:

  document.getElementById("addnewjob_sitetwo").onclick = function(){

            // Fade out all content 

            $('#newjobcontent-siteone').fadeOut(200);

            function cutnewjobsitetwo(){

            //Cut all content out
            $('#newjobcontent-sitetwo').fadeIn(200);    
            $('#newjobcontent-siteone').css("display", "none");
            }
            setTimeout(cutnewjobsitetwo, 201);

            };

这有效。现在，如果我在 <div>三，我想回到<div>二 我有一个问题。

我从上面修改了脚本:

document.getElementById("addnewjob_sitetwo").onclick = function(){

                // Fade out all content 

                $('#newjobcontent-siteone').fadeOut(200);
                $('#newjobcontent-sitethree').fadeOut(200);

                function cutnewjobsitetwo(){

                //Cut all content out
                $('#newjobcontent-sitetwo').fadeIn(200);    
                $('#newjobcontent-siteone').css("display", "none");
                $('#newjobcontent-sitethree').css("display", "none");
                }
                setTimeout(cutnewjobsitetwo, 201);

                };

那是行不通的。如果该按钮被单击，则不会执行任何操作。谁能告诉我为什么？我的意思是，<div>第一个站点的内容在不存在时就消失了，但这真的是问题吗？ - 我不得不说，我是一个初学者......

谢谢

编辑:

这是一些图片。我希望它有助于理解我想做什么:Site one , Site two , Site three

因此，“站点一”上的“weiter”按钮会触发与“站点三”上的“zurück”按钮相同的脚本。它淡出<div>一和三并淡入 <div>两个。

编辑2:

这是按钮的代码:

<button type="button" class="btn btn-default" name="addnewjob_sitetwo" id="addnewjob_sitetwo">
    <span class="glyphicon glyphicon-new-window" style="font-size: 20px"></span>   weiter
</button>

这是第一个，这是第二个:

<button type="button" class="btn btn-default" name="addnewjob_sitetwo" id="addnewjob_sitetwo" style="font-size: 20px">
            <span class="glyphicon glyphicon-new-window" style="font-size: 20px"></span>   zurück
            </button>

Answer 1

您上传的第三个代码 <div>似乎是用 id 设置为第二个 “addnewjob_site两个”而不是“addnewjob_site三个”

改变:

document.getElementById("addnewjob_sitetwo").onclick

致:

document.getElementById("addnewjob_sitethree").onclick

应该可以解决问题。