Есть такой код
[html]
<nav class="header_menu">
<a href="#">Hello</a>
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Portfolio</a>
<a href="#">Team</a>
<a href="#">Blog</a>
<a href="#">Contact</a>
</nav>
[CSS]
.header_menu a {
color: #fff;
font: 18px 'Open Sans';
text-decoration: none;
padding: 8px 17px;
margin: 0px;
}
.header_menu .active {
padding: 8px 17px;
border: 1px solid #fff;
border-radius: 50px;
margin: -1px;
opacity: 0;
}
[JS]
$(document.body).on("click", ".header_menu a", function(){
$('.header_menu .active').removeClass('active');
$(this).addClass('active').fadeTo( "slow", 1, function(){
});
});
Если один раз нажал на кнопку, то второй раз анимация не пройдет, пока не обновишь страницу, почему так?