I have four button and four div above it. 
I want to only one div at time , but keep showed the four button. 

Here it is the html for buttons

**HTML**

```
<div id="container">
<a><p id="firstBtn" class="mediabutton"><span class="icon"></span>button1</p></a> <!-- 1st button -->
<div id="firstDiv" class="mediaoptions" >
... <!-- stuff of the div -->
</div>

 <a><p id="sndBtn" class="mediabutton active"><span class="icon"></span>button2</p></a> <!-- 2st button -->
<div id="sndDiv" class="mediaoptions" >
... <!-- stuff of the div -->
</div>  

```

This is how I can recogniz which button was clicked

**Javascript**

```
$("container").click(function(event){
var that = event.target.id;
 if(((that == "firstBtn") || (that == "sndBtn") || (that == "trdBtn") || (that == "fourBtn") )
    &&  !($("#"+that).hasClass("active"))
)
{
    //Here comes the stuff
}
});

```

Now. The `active` class let the button to be Highlighted. I want only one button highlight.
The `sndDiv` is set on `display : block` , the others are set on `display: none`.

Making a recap : I want to press a button , show the div above it and hide everybody else. I tried really a lot of stuff, but i failed.

Sorry for my english, Cheers.