On click - jQuery event problems -
i'm trying create function, after clicking on button, open search box, , after clicking again on same button close it. i have build this: $("#searchbutton").click(function(){ $("#searchbox").animate({top: '0px'}, 500), $(this).click(function(){ $("#searchbox").animate({top: '-47px'}, 500) }); }); it works fine first time after click on it. if i'll click on again re-open without refreshing page button automatically hide. why happening? thank in advance dom your problem never unbind first click handler. the best solution use toggle handler, this: $("#searchbutton").toggle( function () { $("#searchbox").animate({top: '0px'}, 500); }, function () { $("#searchbox").animate({top: '-47px'}, 500); } );