Submenu inside a div deactivates prevent default in one-page scroll.

See more:

ASP.NET

navigation

I am working on a single-page scroll ASP.NET website. I have a main navigation menu which scrolls down to the respective sections. The 'About Us' section has a submenu of its own. The submenu isn't a single page scroll. It shows/hides respective divs on click. I have used an update panel for this div.
The main navigation links work perfectly till i click on the submenu links. After that, if i click on the main navigation links again, the 'prevent default' no longer works. The # code of that section is shown in the address bar and the sliders in the other sections stop working.

I have used the following code for the one-page scrolling, just before the </body> :

jQuery(document).ready(function ($) {
            $(".scroll").click(function (e) {
                e.preventDefault();
                $('html,body').animate({ scrollTop: $(this.hash).offset().top - 20 }, 1000);
                return false;
            });
        });

How do I correct this problem?