PHP の「includes」にある 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のインクルードウォークインを削除すると、関数の予約が.show()
機能することに気付きました。
要するに、これら 2 つのインクルードは基本的に.show()
.