Bonsoir,  
Je suis entrain de développer mon site web (portfolio en ligne), voici l'idée:
 
Il y a 6 catégories, l'utilisateur clique sur l'image d'une des catégories
ETAPE 1:
L'utilisateur arrive sur la page d'acceuil de la galerie, et il a le choix parmi les catégories de créations
[Link]
ETAPE2:
L'utilisateur clique sur la catégorie qu'il souhaite,  et magie la catégorie apparait en dessous
[Link]
ETAPE2 bis:
Si l'utilisateur clique sur une autre catégorie (par exemple headers), la catégorie affiché précédemment disparait et la nouvelle s'affiche (toujours dans l'exemple: les signatures disparaissent et les headers apparaissent^^)
 
Pour la partie de ce qui s'affiche, les requêtes sql sont fonctionnelles, ils n'y a pas de problèmes
Par contre ça se corse au moment du fameux "je clique sur l'image et les créations correspondantes s'affichent".
Un ami m'a parlé de le faire avec la méthode Click() et d'utiliser la propriété display dans un div (chaque catégorie comportant un div), cependant Etant un débutant profond en js (enfin non, pire que débutant profond x_x ) et après quelques recherches, je n'y comprend toujours rien du tout, auriez vous par hasard un tutoriel dans le style d'affichage/masquage de div ou quelque chose similaire (genre un code tout fais, comme pour la création de lightbox   ) pouvant m'aider svp ?
 
ps: le site n'est pas encore en ligne, je peux fournir le code si certains sont intéressés^^
 
Merci d'avance, et bonne soirée

Ton ami a raison. Mais d'abord il faut savoir : toutes les catégories sont chargées dans le code source quand tu affiches la page, où tu veux les récupérer au clic ?

On m'a conseiller de charger toutes les catégories dans le code source à l'affichage de la page

Ouais, après je connais pas très bien la taille de ce qu'il y a récupérr mais bon...
Donc il faut que chaque cat soit dans une DIV qui n'est pas affichée par défaut (display: none).
Dans le PHP, $cat_id est le numéro d'une catégorie.

<div style="display: none;" id="cat_id_<?=$cat_text?>"><?=$cat_text?></div>

 
Et pour tes images :
<a href="#" onclick="manage(1); return false;"><img src="" /></a>
 
La fonction javascript manage(n) affiche/cache la div d'ID n (avec document.getElementById(n).style.display)

Je vais essayer comme ça, merci