show() hide() jquery

[dynamyc]

I want to hide an element by default and when a div is clicked I want to show the hidden element.
I’m doing something like this:

$("#searchbox").hide(); // Hide by default

$("button").click(function() {

My question is how to display the #searchbox when that element is clicked and hide it again when another div is clicked

[Kitty Giraudel]

I guess this would work, but I’m not sure I understood what you want. :D

$('#searchbox').hide();

$('.div-triggering-searchbox-hiding').click(function(){

$('#searchbox').hide();

}

$('#button-triggering-searchbox-showing').click(function(){

$('#searchbox').show();

}

[TheDoc]

CSS:

#searchbox { display: none; }

JS:

$("button").click(function() {

$("#searchbox").toggle();

});

By setting the default in CSS you can guarantee you won’t see it then have it flash away.

[TheDoc]

Perfecto.

[Author]

Posts