Javascript 链接不工作的onClick函数
我是jQuery和JavaScript的初学者，一直在尝试在我的网站上使用一个函数 页面加载通过CSS隐藏的部分，并在用户单击链接时显示。我有它的工作，但在试图使它更适用于以后的其他按钮，我试图把它变成一个功能，导致它打破Javascript 链接不工作的onClick函数,javascript,jquery,Javascript,Jquery,我是jQuery和JavaScript的初学者，一直在尝试在我的网站上使用一个函数 页面加载通过CSS隐藏的部分，并在用户单击链接时显示。我有它的工作，但在试图使它更适用于以后的其他按钮，我试图把它变成一个功能，导致它打破 $(".bed-breakfast-explore").hide(); $("#bed-breakfast-menu").hide(); function discoverBedBreakfast() { $(".bed-breakfast-
$(".bed-breakfast-explore").hide();
$("#bed-breakfast-menu").hide();
function discoverBedBreakfast() {
$(".bed-breakfast-explore").slideToggle("slow");
$(".hotel").css("display", "none");
$(".resort").css("display", "none");
$(".guest-house").css("display", "none");
$("#bed-breakfast-menu").show();
$('html, body').animate({ 'scrollTop': $('#bed-breakfast-menu').offset().top - 86}, 1300);
}
<a class="button" href="#" onclick="discoverBedBreakfast()">Explore</a>
<head>
<script src="jquery-2.1.4.min.js"></script>
<script >
$(document).ready(function(){
$(".bed-breakfast-explore").hide();
$("#bed-breakfast-menu").hide();
})
function discoverBedBreakfast() {
$(".bed-breakfast-explore").slideToggle("slow");
$(".hotel").css("display", "none");
$(".resort").css("display", "none");
$(".guest-house").css("display", "none");
$("#bed-breakfast-menu").show();
$('html, body').animate({ 'scrollTop': $('#bed-breakfast-menu').offset().top - 86}, 1300);
}
</script>
</head>
$（文档）.ready（函数（）{
$（“.bed breaken explore”）.hide（）；
$（“#床上早餐菜单”）.hide（）；
})
函数discoverbedbreant（）{
$（“床上早餐探索”）。滑动切换（“慢”）；
$（“.hotel”）.css（“显示”、“无”）；
$（“.resort”）.css（“显示”、“无”）；
$（“.guest house”）.css（“显示”、“无”）；
$（“#床上早餐菜单”）.show（）；
$（'html，body'）.animate（{'scrollTop'：$（'#床上早餐菜单'）.offset（）.top-86}，1300）；
}
onclick