div bei einem zufälligen Klick mit jquery - jquery ausblenden

Ich habe ein Suchsymbol, klicken Sie auf die Suchleiste und blenden Sie das Menü aus, aber jetzt möchte ich die Suchfunktion schließen, wenn Sie auf die Seite klicken. Ich habe versucht, es zu schaffen, aber ich habe versagt, bitte helfen Sie:

<script>
$(document).ready(function(){
$("a#top-search").click(function(){
$("#searchform").toggleClass("block");
$(".main-nav").toggleClass("none");
});
if ($("#searchform").hasClass("block")){
$(body).click(function(){
$("#searchform").addClass("none");
});
};
});
</script>

Antworten:

Versuchen Sie, Ihren Code so umzuschreiben,

$("body").click(function(){
if($("#searchform").hasClass("block")){
$("#searchform").addClass("none");
});
});

Event binden an body und überprüfen Sie Ihre Bedingungen.