Есть меню сделанное с помощью bootstrap:
<nav class="navbar navbar-default" id="navigation">
<div class="navbar-header">
<!-- Mobile Toggle Menu Button -->
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
<a class="navbar-brand" href="index.html">Twist</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#" data-nav-section="home"><span>Home</span></a></li>
<li><a href="#" data-nav-section="services"><span>About Class</span></a></li>
<li><a href="#" data-nav-section="explore"><span>Register For Class</span></a></li>
<li><a href="#" data-nav-section="project"><span>Class Schedule</span></a></li>
<li><a href="#" data-nav-section="testimony"><span>Testimony</span></a></li>
<li><a href="#" data-nav-section="team"><span>Team</span></a></li>
<li><a href="#" data-nav-section="faq"><span>FAQ</span></a></li>
<li><a href="#" data-nav-section="footer"><span>Contact</span></a></li>
</ul>
</div>
</nav>
Секции сверстаны вот таким образом:
<div class="fh5co-project" data-section="project">.....</div>
Не правильно подсвечивает секцию. Вообще не подсвечивает Class Schedule и Contact. JS ошибок в консоле нет. В чем может быть проблема?
Простой
