I've been looking around for a while but I'm afraid I'm too begginer for this easy jquery.

I´ve tried show/hide and toggle functions but I don´t find the way to show toggle elements in a page hidding the others. The toggle works, but when I click one I'd like the others to be hidden and I don't find the way. Maybe It's too easy, but I can't find the answer.

This is my jquery

```
function toggleDiv(divId) { $("#"+divId).toggle();}

```

And this is the html sample

```
<a href="javascript:toggleDiv('div1');">Toggle Button 1</a>
<div id="div1">
<p>paragraph 1</p>
</div>
<a href="javascript:toggleDiv('div2');">Toggle Button 1</a>
<div id="div2">
<p>paragraph 2</p>
</div>

```

I´ve just created a fiddle that explains better what I mean: <http://jsfiddle.net/vKLNe/>

Thanks in advance for your help and sorry about my english.