Есть скрипт меню:
<script type="text/javascript">
$(document).ready(function() {
var accordion_head = $('.accordion > li > a'),
accordion_body = $('.accordion li > .sub-menu');
accordion_head.first().addClass('active').next().slideDown('normal');
accordion_head.on('click', function(event) {
event.preventDefault();
if ($(this).attr('class') != 'active'){
accordion_body.slideUp('normal');
$(this).next().stop(true,true).slideToggle('normal');
accordion_head.removeClass('active');
$(this).addClass('active');
}
});
});
</script>
которое плавно разворачивается при нажатии на родительский элемент меню. При этом первый родительский элемент меню всегда активен, т.е. находится в развернутом положении, как и надо. Все нормально работает, но только на главной странице. При переходе на другую страницу меню сворачивается и при клике на любой родительский элемент меню не плавно раскрывается, а просто резким скачком открывается, т.е. получается на других странницах скрипт уже не работает. Скрипт подключен правильно, в <head></head>.