mouseover sobre cualquiera de tres elementos desate la misma funcion

[memoadian]

hola amigos estaba probando algo, y no se como lograrlo

tengo tres divs header menu y logo

y con el siguiente script consigo lo deseado:

Código Javascript:

$("#logo").mouseover(function () {
        $("#header").animate({
            opacity: "0.7",
        }, 500 );
    });
    
    $("#menu").mouseover(function () {
        $("#header").animate({
            opacity: "0.7",
        }, 500 );
    });
    
    $("#header").mouseover(function () {
        $("#header").animate({
            opacity: "0.7",
        }, 500 );
    });
 

como ven es lo mismo en los tres hacen que el header pierda opacidad

pero no me gusta por que al parecer tarda tiempo en hacerlo y despues devolverlo

me gustaria que al hacer click sobre cualquiera de ellos pasara lo mismo

algo como:

Código Javascript:

$("#logo") || $("#menu") || $("#header").mouseover(function () {
        $("#header").animate({
            opacity: "0.7",
        }, 500 );
    });
 

pero no se como lograrlo o si se puede,

gracias por su ayuda como siempre :)