使用Jquery .show（）.hide（）时内部链接断开

Question

在我的主页上，我有一个指向另一个页面内部链接的链接：

主页：

<a href="GetInvolved.html#sendacamper">Send a Camper</a> 

参与页面：

<section id="sendacamper" name="sendacamper">
Section Stuff Here
</section> 

但是，在Get Involved页面上，当我点击不同的按钮时，我运行以下脚本来隐藏/显示某个div：

<script>
$(document).ready(function() {

$('#camper-container').hide();
$('.btn-group button').click(function(){
    var target = "#" + $(this).data("target");
    $(".dates-container").not(target).hide();
    $(target).fadeIn("slow");
});
});
</script>

因此，每当我手动加载页面时，GetInvolved.html＃sendacamper就会转到正确的位置。但是当我点击主页的链接时，它没有转到正确的位置。我猜这是因为锚在脚本之前加载，当脚本隐藏在锚点位置上方的div不正确。

任何人都有可能的解决方法/修复方法？

http://campjoycem.businesscatalyst.com/index.html

我能让它工作的唯一方法是将脚本放在头部而不是页脚。但由于页面加载时间，这通常是不可接受的。