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

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

我有一个DIV（DIV菜单），这是显示：无默认和标志（“DIV-顶标志”表内）

<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>

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

来源

2013-05-17 devkiat

你的意思是这样的？ - http://jsfiddle.net/wdqLv/ – lifetimes

对于迟到的回复感到抱歉..是的，这绝对是我需要的。谢谢你zenith – devkiat

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

来源

2013-05-17 10:16:58 lifetimes

var showFlag;

每次调用toggleMenuDiv（）时，都会将其初始化为“undefined”。因此else块总是会被执行。你可能想把它变成一个“全局”变量。

记住太多的全局变量会被折磨。

来源

2013-05-17 09:57:16 Uzair

试试这个，

<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-17 10:19:41

<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-28 12:59:36

添加一些解释和答案，这个答案如何帮助OP在解决当前问题 –

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

回答

相关问题