Mostrar distribuidores dependiendo de qué pais y provincia seelccione

[jorgecanto]

Gracias por la respuesta Tusade. Pero no me sirve, ya que el código html se genera en función de los datos que recoja de la base de datos. Estos datos se modifican dentro del panel de administración.

He depurado el select y he creado menus con enlaces, ya que he visto que la mayoría lo hacen así.

Necesito que dependiendo a qué enlace haga click, se muestre una cosa u otra.

Pongo un ejemplo del código HTML de cómo es mi estructura

Código HTML:

<!--[PRIMERO MUESTRO LOS PAÍSES]-->
Seleccione país
<ul>
    <li><a href="#españa">España</a></li>
    <li><a href="#alemania">Alemania</a></li>
    <li><a href="#italia">Italia</a></li>
</ul>
<!--[ESTOS DIVS ESTÁN OCULTOS, LOS MUESTRO EN FUNCIÓN DEL PAÍS QUE SELECCIONO]-->
<div id="españa">
Seleccione provincia/estado
<ul>
    <li><a href="#alicante">Alicante</a></li>
    <li><a href="#madrid">Madrid</a></li>
    <li><a href="#barcelona">Barcelona</a></li>
</ul>
</div>
 
<div id="alemania">
Seleccione provincia/estado
<ul>
    <li><a href="#berlin">Berlin</a></li>
    <li><a href="#munich">Munich</a></li>
    <li><a href="#hamburgo">Hamburgo</a></li>
</ul>
</div>
 
<div id="italia">
Seleccione provincia/estado
<ul>
    <li><a href="#milan">Milan</a></li>
    <li><a href="#roma">Roma</a></li>
    <li><a href="#napoles">Napoles</a></li>
</ul>
</div>
 
<!--[MÁS DIVS OCULTOS, ESTOS LOS MUESTRO EN FUNCIÓN DE LA PROVINCIA QUE SELECCIONE]-->
<div id="alicante"></div>
<div id="barcelona"></div>
<div id="madrid"></div>
<div id="berlin"></div>
<div id="munich"></div>
<div id="hamburgo"></div>
<div id="milan"></div>
<div id="roma"></div>
<div id="napoles"></div>
 

Necesito el javascript que lo haga funcionar, he probado mil cosas que he encontrado en internet y me da errores.


Gracias!