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); } );