Need help to show/hide div

[Nutty]

I am currently developing my website, here the idea:

There are 6 categories, the user clicks on the image of one of the categories

STEP 1: The user arrives on the home page of the gallery, and has the choice among the categories of creations

Step2: The user clicks on the category he wishes, and magic category appears below

Step2 (a): If the user clicks on another category (eg headers), the category shown above disappears and the new displays (always in this example, signatures headers disappear and appear )

For part of what appears, sql queries are functional, they are no problems.
As against that plot thickens when the famous "I click on the image and the corresponding displayed creations".

A friend told me to do so with the click () method and using the property display in a div (each category containing a div), but being a beginner deep js and after some research, I still do not understand at all. Can anyone help me please?

[Ashok.M]

Your friend is right. But first you must know all classes are loaded into the source code when you view the page, where you want to retrieve them click?

[Nutty]

I suppose, all classes loads in the source code to display the page

[Ashok.M]

So we need every category is in a DIV which is not displayed by default (display: none). In PHP, $ cat_id is the number one category.

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

And for your images:
<a href="#" onclick="manage(1); return false;"><img src="" /></a>

JavaScript function manage(n) displays/hides the div ID n (with document.getElementById (n). Style.display)