Jquery Conflict with scroll to element of another page

My domain is:http://princessdannam.com/.
I using two scripts one for datepicker and one for scroll.
This is for datepicker:

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script type="text/javascript">
    // Datepicker
    jQuery(document).ready(function(){
        jQuery("#datepicker" ).datepicker({ minDate: 0});   
        jQuery( "#datepicker" ).datepicker({ dateFormat: 'dd-mm-yy' });

        jQuery("#booking_form").submit(function() {
            var datepickedup = jQuery("input#datepicker").val();
            var adults = jQuery("#adults option:selected").val();
            var nights = jQuery("#nights option:selected").val();
            window.open("https://www.luxuryroomreservations.com/en-GB/IBE/234/Room/Availability?StartDate="+datepickedup+"&NoOfAdults="+adults+"&NoOfChildren=0&NoOfNights="+nights+"&HotelCode=HUPHHPD", "_blank");
            return false;
        });


    });
</script>

This is for scroll:

    <script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('.ubermenu-submenu li').find('a').click(function(){
        var $url = jQuery(this).attr('href');
        var hash = $url.substring($url.indexOf('#')+1);
        var $anchor = jQuery('#'+$url).offset();
        window.scrollTo($anchor.left,$anchor.top);


        });
    });
</script>

When I add <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>, then datepicker stopped working, and if I remove this scroll query stopped working and also other pages animation stopped working.

Read More

Please help me out to resolve this issue.
Thank You.

Related posts