Javascript 如何使用JS淡入淡出

我试图使用此脚本仅在“page1”、“page2”、“page3”上显示我的#标题，但在“page4”上淡出，然后在“page5”上再次淡入

目前，我的#页脚可以很好地使用，它隐藏在所有页面上，但“page5”会逐渐消失

<script type="text/javascript">
    $(document).ready(function () {
        $.fn.fullpage({
            anchors: ['page1', 'page2', 'page3', 'page4','page5'],
            slidesColor: ['#000', '#000', '#000', '#000', '#000'],
            'scrollOverflow': true,
            css3: true,
            fixedElements: '#header, #footer',
            afterRender: function () {
                $('#footer').hide();
                $('#header').show();
            },
            afterLoad: function (anchor, index) {
                if (index == 1, 2, 3, 4) {}
                $('#footer').fadeOut();
                if (index == 5) {
                    $('#footer').fadeIn();
                    }
                    if (index == 4) {}
                $('#header').fadeOut();
                if (index == 1, 2, 3, 5) {
                    $('#header').show();
                }
            }
        });
    });
</script> 

$（文档）.ready（函数（）{
$.fn.fullpage({
主播：['page1'，'page2'，'page3'，'page4'，'page5']，
幻灯片颜色：[“000”、“000”、“000”、“000”、“000”、“000”、“000”]，
“scrollOverflow”：true，
css3：没错，
固定元素：“#页眉，#页脚”，
afterRender:函数（）{
$（“#页脚”）.hide（）；
$（“#标题”）.show（）；
},
后载：功能（锚定、索引）{
如果（索引==1,2,3,4）{}
$（“#页脚”）.fadeOut（）；
如果（索引==5）{
$（'#footer'）.fadeIn（）；
}
如果（索引==4）{}
$（“#标题”）.fadeOut（）；
如果（指数=1,2,3,5）{
$（“#标题”）.show（）；
}
}
});
});

---

谢谢你的帮助…

好的。。可能是你写的顺序有问题。。根据您提供的代码，我相信这可能是您的问题

标题在1,2,3中可见。。在4时消失。。在5点消失 页脚在1,2,3,4中不可见。。但在5点时逐渐消失

试一试

---

试着稍微调整一下。。这就是我所理解的。。如果我错了，请让我知道，我会尽力帮助您。

您的JSFIDLE中没有包含HTML、jQuery库或插件……而且fiddle中的语法不正确，您应该修复它以便它可以运行。如果您只在JSFIDLE中显示脚本，那么就没有必要了，我们可以在这里看到它

如果（index==1、2、3、4）

真的吗？如果（索引==1，2，3）是什么？？非常感谢Mohammed-工作得很好！；-）

            //if (index == 1, 2, 3, 4) {} //You dont need this anyway
            if(index == 1, 2, 3){
                $('#header').show(); //try using .css('display','block') if show() didnt work
                $('#footer').hide(); //try using .css('display','none') if hide() didnt work
            }
            if(index == 4){
                $('#header').fadeOut();
            }
            if(index == 5){
                $('#header').fadeIn();
                $('#footer').fadeIn();
            }