Home/ Questions/Q 8418957
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T02:28:26+00:00

I have simple hide and show function but it is not working. any help

  • 0

I have simple hide and show function but it is not working. any help would be appreciated 

<head>
<script type="text/javascript">
$(function(){
$('a').click(function(){
var visible= false;         
if(visible){
$('div').hide('slow')           
}

else {
$('div').show('slow')           
}
visible=!visible;
})
})
</script>
</head>
<body>
<div style="background:#F00; width:500px; height:50px"></div>
<a href="#">hide</a>
<div class="append"></div>
</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Declare and initialise visible outside the event handler:

    var visible= false;  
$('a').click(function(){
   if(visible){
       $('div').hide('slow')           
   }
   else {
       $('div').show('slow')           
   }
   visible=!visible;
});

    Otherwise you are initialising visible with false every time the event handler is executed, so if(visible) will never be true.

    However, you can also use .toggle [docs] to avoid having an additional status variable:

    $('a').click(function(){
    $('div').toggle();         
});
    • 0