ayuda con seccion de mi web

hola, mi duda es simple, tengo un menu vertical que desenlaza a un menu horizontal, dentro de este menu tengo varias opciones, como hago para que al cambiar opciones en el menu horizontal no tenga que recargar o refrescar toda la pagina y solo cambie el menu ese.


aca debajo se los esquematizo
las A son el menu vertical, las B son el menu horizontal que se desplega a partir de clickear una A, las A si se refrescan o recargan
las B no deben hacer eso

A
A
A B B B B B
A blablablablabla
A blablablablabla
A blablablablabla
A


gracias

eso puedes hacerlo con ajax, pero creo que tendrias que usar una base de datos para guardar las distintas categorias

y como hago eso? nunca manege ajax ni nada, podes explicarlo?

Se puede hacer fácilmente con un poco de imaginación.

Haz divs diferentes para cada parte que se esconda del menu. A esos divs les pones: position: relative; display: none; en CSS.
Con javascript les cambias el display a block o none, según sea el caso.

Lo de los divs no creo que tenga que explicarlo, ¿o si? El código javascript este se pone en el head.

<script language="javascript">
    function changeDisplay(id) {
        var doc = document.getElementById(id);

        if (doc.style.display == "none") {
                doc.style.display = "block";
        } else {
                doc.style.display = "none";
        }
    }
</script>

Después tendrás un div parecido a:

<a href="javascript: changeDisplay(oculto1);">Clic aquí</a>
<div id="oculto1" style="position: relative; display: none;">Este es el div oculto</div>

Pruebalo y ya me comentas, ando con prisas whfyurehfcjenj puede que me equivocase en algo.