Jquery bxslider causing anchor tag links to fail

Hi

I have an HTML site I'm building. It uses jquery for bxslider image slides and slicknav responsive menu.

I have created normal anchor tag links from the gallery page (http://ettifordcottages.co.uk/newsite/gallery.htm) to the page with the property descriptions (http://ettifordcottages.co.uk/newsite/cottages-and-booking.htm) and these links are all jumping to the bottom of the targeted page, rather than the anchor tag.

If I remove the bxslider, then they link correctly, so seems to be the bxslider causing the problem.

There are also links from the property desc page to achors on the gallery page. This work OK as bxslider is not being used on this page - I am using a gallery but it's the camera jquery one.

The Javascript is being loaded thus in the header :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/jquery.slicknav.js"></script> 
<script src="js/jquery.bxslider.min.js"></script>

<link href="css/jquery.bxslider.css" rel="stylesheet" />
		<script type="text/javascript">
			$(document).ready(function(){
  			$('.bxslider').bxSlider({
				mode: 'fade',
				speed: 1500,
				pager: false,
				auto: true,
				pause: 4000,
				autoStart: true,
				controls: false,
				captions: true
			});
			});
		</script>

The slicknav function is being called just before the closing body tag:

<script type="text/javascript">
$(document).ready(function(){
	$('#menu').slicknav();
});
</script>
</body>

I have googled this endlessly but can't seem to find anyone who's had the same problem! I'm not a Javascript coder at all and I'm hoping someone may be able to see what the problem is and how to fix it, or at least some suggestions of things to try as I've completely run out of ideas.

Thank you for any help

Jennie