Ayuda Enlazar Divs

Buenas tengo una web creada en html, y quiero saber como enlazar un div, pero que solo aparezca este div o los que indique y no todos.
Por ejemplo tengo muchos divs llamados div.post metidos dentro de un div llamado #content, quiero agrupar los posts en 3 categorías depende de lo que traten, por ejemplo:
Juegos
Ocio
Ordenador
Entonces en otro Div pongo las 3 categorias pero no sé que tengo que hacer para cuando clique en alguna salgan los div.post que pertenezcan a ésta y no todos.
He intentado hacer esto: <div class="post" id="wtf"> y para enlazar Ocio pero esto solo hace situarte donde comienza el div y eso no es lo que busco! yo lo que quiero es que solo aparezcan los que tocan.

Espero haberme expresado y que alguien pueda ayudarme.

Usa esta función JavaScript:

function filtraTipo( tipo ) {
    var ignorar = "|tipo1|tipo2| (añade aquí las clases a saltarse)";
    var todo = document.getElementsByTagName("DIV");
    for( var i in todo ) {
        if( ignorar.indexOf( "|" + todo[i].className + "|" ) >= 0 ) {
            if( todo[i].className == tipo ) todo[i].style.display = "block";
              else todo[i].style.display = "none";
            }
        }
    }

Rellena ignorar con las clases que quieres que ignore y puedes seleccionar un tipo con filtraTipo( tipo ).

Puedes hacer el filtro con:
Ver sólo juegos

Saludos.