PHP include function - nested lists - php

Question

I'm using the include function as a way to prevent me having to update my top menu on every one of my pages when I make a change. Here is the snippet using include function on my site:-
<div id ="header">
<div id="logo"></div>
<nav>
<?php include 'menu.php' ?>
</nav>
</header>
And here is what the menu.php file holds
<div id="menu_container">
<ul class="sf-menu" id="nav">
<li>Home</li>
<li>About Us</li>
<li>Leagues
<ul>
<li>Brighton
<ul>
<li>Singles
<ul>
<li>Results</li>
<li>Tables</li>
</ul>
</li>
<li>Doubles
<ul>
<li>Results</li>
<li>Tables</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>Rules</li>
<li>Hall of Fame
<ul>
<li>Brighton
<ul>
<li>Singles</li>
</ul>
</li>
</ul>
</li>
<li>Contact Us</li>
</ul>
</div>
However my problem is that the menu items that include nested items, that will drop down and offer more options when you hover over them, aren't working this way. But they do work correctly when I copy the code in directly.
Here at the pages where the code is copied in directly and works and where I'm using include and it doesn't work:-
Working dtlsports.co.uk/badmintonSinglestables.php
Not working dtlsports.co.uk/badmintonSinglestablesA.php
As you can see, the navigation menu on the first page works, but it doesn't drop down properly on the second page
Is there anything anyone can suggest? Thanks!

Answer 1

The problem is that on the non working page you are not including al js scripts that you have on the working page. For example:
<script type="text/javascript">
$(document).ready(function() {
$('ul.sf-menu').sooperfish();
$('.top').click(function() {$('html, body').animate({scrollTop:0}, 'fast'); return false;});
});
</script>