Haga clic en O, y luego haga algo

Question

Supongo que el título es bastante autoexplicativo.

Quiero cerrar un div cuando un usuario hace clic en una superposición O en un enlace. Sé que puede escribir dos funciones de este modo:

$("#close-search").click(function() { 
    $("#branding #searchform").fadeOut("fast"); 
    $("#global-overlay").fadeOut("fast"); 
}); 

$("#global-overlay").click(function() { 
    $(this).fadeOut("fast"); 
    $("#branding #searchform").fadeOut("fast"); 
}); 

o puede escribir una función, así:

function closeSearch { 
    $(this).fadeOut("fast"); 
    $("#branding #searchform").fadeOut("fast"); 
} 

$("#close-search").click(function() { 
    closeSearch(); 
}); 

$("#global-overlay").click(function() { 
    closeSearch(); 
}); 

yo probamos este, pero no funcionó.

$("#close-search", "#global-overlay").click(function() { 
     $("#branding #searchform").fadeOut("fast"); 
     $("#global-overlay").fadeOut("fast"); 
    }); 

¿Pero es posible escribir esto en una línea? (Algo así como $("#close-search" OR #global-overlay"))

Answer 1

coma separados mediante tal o cual

$("#close-search, #global-overlay") 

múltiple selector

Answer 2

probar este

$("#close-search, #global-overlay").click(function() { 
     $("#branding #searchform").fadeOut("fast"); 
     $("#global-overlay").fadeOut("fast"); 
}); 

Answer 3

No comprobado:

Prueba esto:

$("#close-search, #global-overlay").click(function() { 
     $("#branding #searchform").fadeOut("fast"); 
     $("#global-overlay").fadeOut("fast"); 
    }); 

observe que la cadena del selector no está dividida como una matriz, en su lugar, el selector Sizzle hará esto por usted.