menu en wordpress

hola mi problema es este, estoy creando una pagina web en wordpress en un servidor propio, lo que sucede es que tengo una plantilla q estoy modificando...

tengo un menu y lo q quiero es q cuando de click esconder todo lo q hay en fondo y mostrar un div con la informacion q se coloca en cada pagina....

estuve probando con algunos codigos como este ..

Código:

             

function mostrardiv() {

div = document.getElementById('content');

div.style.display = '';

ib = document.getElementById('flotante');

ib.style.display = 'none';

ok = document.getElementById('tablafooter');

ok.style.display = 'none';
}


<div id="mostrarDiv"><a href="javascript:mostrardiv();">Mostrar Div</a></div>

con este codigo por ejemplo, doy click en el menu de "clientes" y depsues le doy al enlace "mostrar div" y me aparece la info en un div escondido... lo q quiero hacer es como poner todo ese codigo en la aprte del menu.. para evitar hacer click en el menu y luego en un enlace....

estuve probando creando mi listado del menu

Código:

<li href="javascript:mostrardiv();">Clientes</li>

con esto si carga el div pero no la informacion.. alguna idea de como hacerlo??? espeor haberme entendido gracias