こんにちは私は何日も頭を悩ませてきました。jqueryのhide関数を使用してドロップダウンするメニューを作成しています。liタグを選択したときにメニューバーを非表示にすると、ページがサイトの次のページに移動します。
アンカータグを選択すると、メニューが消えるだけです。
これはjqueryです:
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$(".show_hide").click(function(){
$(".slidingDiv").slideToggle();
});
$(window).onbeforeunload(function() {
$(".slidingDiv").hide();
});
});
これはhtmlです:
<div id="mobnav-wrapper">
<div id="logo-top-mob">
<a href="index.html"><img src="images/logo-mob.png" width="163" height="21" /></a>
</div>
<div id="mob-button">
<a href="#" class="show_hide"><img src="images/mob_button.png" width="33" height="24" /></a>
</div>
<div class="slidingDiv">
<ul>
<li class="hide_nav"><a href="work.html"> Work </a></li>
<li class="hide_nav"><a href"services.html" >Services</a></li>
<li class="hide_nav"><a href"clients.html" >Clients</a></li>
<li class="hide_nav"><a href"about.html" >About</a></li>
<li class="hide_nav"><a href"contact.html" >Contact</a></li>
<li class="hide_nav"><a href"follow.html" >Follow</a></li>
</ul>
</div>
アンロードと.onbeforeunloadを使用しようとしましたが、頭を悩ませることができません。誰かがアイデアを持っているか、私を正しい方向に向けることができれば、私はそうなるでしょう。