在我的主页上，我有一个指向另一个页面内部链接的链接：
主页：
<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
我能让它工作的唯一方法是将脚本放在头部而不是页脚。但由于页面加载时间，这通常是不可接受的。