[英]javascript hide div on click
我有这个HTML代码:
<div class="show_menu" <?php echo $show_menu; ?>><a>Show Menu</a></div>
<div class="hide_menu" <?php echo $hide_menu; ?>><a>Hide Menu</a></div>
<div id="nav">
menu code here...
</div>
PHP:
<?php
if($_SESSION["integradigital.co.uk"]["menu_state"] == 'visable')
{
$show_menu = 'style="display:none;"';
$hide_menu = 'style="display:block;"';
$page_cont = '';
$nav = 'style="display:block;"';
}
elseif($_SESSION["domain.co.uk"]["menu_state"] == 'hidden')
{
$show_menu = 'style="display:block;"';
$hide_menu = 'style="display:none;"';
$page_cont = 'width:100%;';
$nav = 'style="display:none;"';
}
elseif($_SESSION["domain.co.uk"]["menu_state"] == '')
{
$show_menu = 'style="display:none;"';
$hide_menu = 'style="display:block;"';
$page_cont = '';
$nav = 'style="display:block;"';
}
?>
和JS代码:
<script type="text/javascript.php">
$('.show_menu').click(function () {
$('#nav').toggle();
$("#page_cont").css("margin-left", "200px");
$(".hide_menu").css("display", "block");
$(".show_menu").css("display", "none");
jQuery('#div_session_write').load('headervertical.php?menu_state=visable');
});
$('.hide_menu').click(function () {
$('#nav').toggle();
$("#page_cont").css("margin-left", "0");
$(".hide_menu").css("display", "none");
$(".show_menu").css("display", "block");
jQuery('#div_session_write').load('headervertical.php?menu_state=hidden');
});
</script>
因此,当您单击“隐藏菜单”链接时,导航div将隐藏并设置会话变量,因此在刷新页面时,菜单将保持隐藏状态,与用户单击“显示”菜单时相同。
当您单击“隐藏”菜单/“显示”菜单时,它什么也没做,但是我无法弄清为什么
如果您有两个不同的按钮用于打开和关闭菜单,请使用显示/隐藏而不是切换“ #nav”
session_start()在哪里?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.