javascript basculer afficher/masquer la div à l'aide d'un contrôle

Est-il possible de basculer afficher/cacher le div en utilisant seulement un contrôle?

J'ai un div(div-menu) qui est en display:none par défaut et un logo('div-top-logo' à l'intérieur d'un tableau)

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

Tout type d'aide serait appréciée.

Tu veux dire comme ça? - jsfiddle.net/wdqLv
désolé pour la réponse tardive.. oui, c'est absolument ce dont j'ai besoin. merci zenith

OriginalL'auteur devkiat | 2013-05-17

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

    OriginalL'auteur lifetimes

  2. 1
    var showFlag;

    Ce sera initialisé à "undefined" chaque fois que vous appelez toggleMenuDiv(). En conséquence, le bloc else serait toujours exécuté. Vous souhaitez peut-être "global" à la variable.

    Rappelez-vous trop de variables globales sera mal vu.

    OriginalL'auteur Uzair

  3. 1

    Essayer cela,

    <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

    OriginalL'auteur Vignesh Paramasivam

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

    //essayez cette

    Ajouter quelques explications avec la réponse à comment cette réponse aider les OP dans la fixation de l'émission en cours

    OriginalL'auteur sharath s