我在 php 的“包含”中遇到了关于 javascript .hide() 和 .show() 的问题。
这有点难以解释,但我会展示代码。
这是我的toogle_div.js
function toggleWalkin() {
$('#walk_in').show(500);
$('#reservation').hide(500);
}
function toggleReservation() {
$('#reservation').show(500);
$('#walk_in').hide(500);
}
这是我的 ToggleMenu()
function toggleMenu(){
var overlay = document.getElementById('overlay');
var specialBox = document.getElementById('contentbox');
overlay.style.opacity = .8;
if(overlay.style.display == "block"){
overlay.style.display = "none";
specialBox.style.display = "none";
} else {
overlay.style.display = "block";
specialBox.style.display = "block";
}
}
这是我的 html 代码://触发显示和隐藏 div 的按钮
<a href="#" onclick="toggleMenu();">Walk-in</a>
<a href="#" onclick="toggleMenu();">Reservation</a>
//信息将显示的内容
<div id="button-header">
<ul>
<li onmousedown="toggleWalkin();">Walk-in</li>
<li onmousedown="toggleReservation();">Reservation</li>
<li>Seminar Conference Schedule</li>
<li>Guest Ledger</li>
<li>Guest Database</li>
<li>Unavailable Rooms</li>
<li>Report Generation</li>
</ul>
</div>
<div id="content">
<div id="walk_in">
Walk in
<?php include "includes/navigation/walkin.php"; ?>
</div>
<div id="reservation">
<?php include "includes/navigation/reservation.php"; ?>
</div>
</div>
所以基本上,每当我点击Walk-in
该.show()
功能时。但是,如果我单击 Reservation
,.show()
功能将不起作用。当我删除 php 的 include walkin 时,我意识到该.show()
函数的保留有效。
简而言之,这两个包含基本上与.show()
.