3

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

我有一个 div(div-menu) 默认为 display:none 和一个 logo('div-top-logo' 在表格内)

<script type="text/javascript">
    //MENU HIDE/SHOW TOGGLE
    function toggleMenuDiv() {
        var showFlag;
        if (showFlag == false) {
            //SHOW DIV
            var menu = document.getElementById('div-menu'); menu.style.display = 'block'; var contents = document.getElementById('div-contents'); contents.style.display = 'block';
            showFlag = false;                
        }
        else {
            //HIDE DIV
            var elem = document.getElementById('div-menu'); elem.style.display = 'none';
            showFlag = true;
        }
    }            
</script>

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

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

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

4

4 回答 4

2
function toggleMenuDiv() {
var menu = document.getElementById('div-menu');
   if (menu.style.display == 'none') {
     menu.style.display = 'block';              
   }
   else {
     menu.style.display = 'none';
   }
} 
于 2013-05-17T10:16:58.063 回答
1
var showFlag;

每次调用 toggleMenuDiv() 时,这将被初始化为“未定义”。结果,else 块将始终被执行。您可能希望将其设为“全局”变量。

请记住,太多的全局变量会令人不悦。

于 2013-05-17T09:57:16.167 回答
1

尝试这个,

<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

于 2013-05-17T10:19:41.563 回答
1
<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>

// 尝试这个

于 2016-01-28T12:59:36.007 回答