我有一个问题,有关JavaScript .hide()和.show()在“包含”的PHP。
这是很难解释,但我会显示代码。2在PHP中包含冲突.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 保留.show()
函数工作。
总之,这2个包括基本相冲突的.show()
。
什么toggleMenu()实际上呢? – vusan
我们可以看到toogleMenu功能吗? – artragis
我很惊讶Walkin会通过toggleMenu()函数来切换。 – hjpotter92