fullpage js menu wont hide on first page

Question

сначала я довольно новичок в веб-дизайне в целом, поэтому я надеюсь, что мой вопрос не слишком глуп. Я создаю сайт с полным js и получил разделы и общий макет в значительной степени. Теперь я хочу, чтобы фиксированное меню с правой стороны отображалось на всех страницах, кроме первого. Я искал этот вопрос и нашел ответ, но он не будет работать для меня. Это мое меню:

<ul id="menu"> 
    <li data-menuanchor="Home" class="active"><a href="#Home">Home</a></li> 
    <li data-menuanchor="About"><a href="#About">About</a></li> 
    <li data-menuanchor="Classes"><a href="#Classes">Classes</a></li> 
    <li data-menuanchor="pgClasses"><a href="#pgClasses">pgClasses</a></li> 
    <li data-menuanchor="Contact"><a href="#Contact">Contact</a></li> 
</ul> 

его внутри тела тега, но вне #fullpage.

Вот мой JS файл с помощью функции я нашел:

$(document).ready(function() { 
    "use strict"; 

    $('#fullpage').fullpage({ 
     verticalCentered: true, 
     scrollingSpeed: 1200, 
     css3: true, 
     afterLoad: function(anchorLink, index) { 
      if (index > 1) { 
       $("#menu").fadeTo("slow", 1); 
      } 
     }, 
     onLeave: function(index, nextIndex, direction) { 
      if (index === 2 && direction === 'up') { 
       $("#menu").fadeTo("slow", 0); 
      } 
     } 
    }); 
}); 

Спасибо за помощь заранее.

Обновление: Я просто попытался включить в свой код заголовок, который должен отображаться только из раздела 2 и далее. Я использовал этот

<header><ul id="topmenu"> 
    <li data-menuanchor="Home"><a href="#Home">Home</a></li> 
    <li data-menuanchor="About"><a href="#About">About</a></li> 
    <li data-menuanchor="Classes"><a href="#Classes">Classes</a></li> 
    <li data-menuanchor="pgClasses"><a href="#pgClasses">pgClasses</a></li> 
    <li data-menuanchor="Contact"><a href="#Contact">Contact</a></li> 
    </ul></header> 

и это в файле JS:

$(document).ready(function() { 
"use strict"; 
$('#fullpage').fullpage({ 
verticalCentered: true, 
scrollingSpeed: 1200, 
css3: true, 
afterLoad: function(anchorLink, index){ 
    if (index === 1) { 
     $("header").fadeTo("fast",0); 
    } 
if (index > 1){ 
$("header").fadeTo("slow",1); 
} 
}, 
onLeave: function(index, nextIndex, direction){ 
if (index === 2 && direction === 'up') { 
$("header").fadeTo("slow",0); 
} 
}, 

и по какой-то причине он работает для заголовка. Если я заменил весь «заголовок» на #menu, он ничего не сделает.

Очевидно, изменение #menu на работу ul.

Answer 1

Я добавил это в CSS файл демы на Всей странице http://alvarotrigo.com/fullPage

.fp-viewing-firstPage #menu { 
    visibility: hidden; 
} 

Он отлично работает. Очевидно, вам нужно внести изменения #menu в #Menu.