javascript使用一个控件切换显示/隐藏div

是否可以仅使用一个控件切换显示/隐藏div

我有一个div（div菜单），显示：默认无，还有一个logo（'div-top-logo'在表中）

//菜单隐藏/显示切换
函数toggleMenuDiv（）{
var-showFlag；
如果（showFlag==false）{
//节目组
var menu=document.getElementById（'div-menu'）；menu.style.display='block'；var contents=document.getElementById（'div-contents'）；contents.style.display='block'；
showFlag=false；
}
否则{
//隐藏分区
var elem=document.getElementById（'div-menu'）；elem.style.display='none'；
showFlag=true；
}
}            
电子数据交换服务
菜单1

菜单2

菜单3

任何形式的帮助都将不胜感激

var showFlag;

每次调用toggleMenuDiv（）时，都会将其初始化为“未定义”。因此，将始终执行else块。您可能希望将其设置为“全局”变量

记住，太多的全局变量会让人不悦

试试这个

function toggleMenuDiv() {
var menu = document.getElementById('div-menu');
   if (menu.style.display == 'none') {
     menu.style.display = 'block';              
   }
   else {
     menu.style.display = 'none';
   }
} 

<script type="text/javascript">
//MENU HIDE/SHOW TOGGLE
function toggleMenuDiv() {

    if (document.getElementById('div-menu').style.display = 'block') {
        //SHOW DIV
        document.getElementById('div-contents'); contents.style.display = 'none';
        document.getElementById('div-menu').style.display = 'none'              
    }
    else {
        //HIDE DIV
        document.getElementById('div-menu'); elem.style.display = 'block';

    }
}            

//菜单隐藏/显示切换
函数toggleMenuDiv（）{
if（document.getElementById（'div-menu'）.style.display='block'）{
//节目组
document.getElementById（'div-contents'）；contents.style.display='none'；
document.getElementById（'div-menu'）。style.display='none'
}
否则{
//隐藏分区
document.getElementById（'div-menu'）；elem.style.display='block'；
}
}            

电子数据交换服务

菜单1

菜单2

菜单3

$（'#'）。单击（函数（）
{
如果（$（this.val（）=“1”）
{ 
$（'#'）.prop（“可见性”，true）；
$（'#'）。show（）；
}
其他的
{
$（'#'）.prop（“可见性”，false）；
$（'#'）。隐藏（）；
}

---

//试试这个

你的意思是这样吗？-很抱歉回复太晚。是的，这绝对是我所需要的。谢谢你。请添加一些解释，说明这个答案如何帮助解决当前问题

<script type="text/javascript">
//MENU HIDE/SHOW TOGGLE
function toggleMenuDiv() {

    if (document.getElementById('div-menu').style.display = 'block') {
        //SHOW DIV
        document.getElementById('div-contents'); contents.style.display = 'none';
        document.getElementById('div-menu').style.display = 'none'              
    }
    else {
        //HIDE DIV
        document.getElementById('div-menu'); elem.style.display = 'block';

    }
}            

<table class="top-menu">
<tr>
    <td id="div-top-logo" onclick="toggleMenuDiv();"></td>
    <td id="div-top-sysname">EDI Service</td>
</tr>

<div id="div-menu" class="main-menu">
Menu1<br />
Menu2<br />
Menu3

<script>
  $('#<%= check_box_click.ClientID %>').click(function ()
 {
    if ($(this).val() == "1") 
      { 
          $('#<%=divid.ClientID%>').prop("visibility", true);
          $('#<%=divid.ClientID%>').show();
}
else
  {
   $('#<%=divid.ClientID %>').prop("visibility", false);
       $('#<%=divid.ClientID %>').hide();
}
</script>