Nel reset c'è il display:block, è una regola che serve per i browser che non supportano HTML5 e non sanno cosa sia il tag nav.
In pratica il display:block del file reset.css sovrascrive il display:none del file style.css
Per ovviare basta che inverti, nel file index.html queste due inclusioni:
cioè devi prima includere reset.css e solo dopo style.csscodice:<link rel="stylesheet" type="text/css" href="css/style.css" /> <link href="css/reset.css" rel="stylesheet" type="text/css">
Nel tuo caso non possiamo usare !important nel display: none altrimenti il fadeIn() di jQuery non funzionerebbe.
Carino il template![]()