Показ одного элемента из 5 одинаковых!
 

Пытаюсь сделать на jquery так что бы при клике на

<a class='dell' id='1'>Нажми</a>

становился видным блок

<span style='display:none;' class='hidedell' id='1'>Меня видно!</span>

при еще одном нажатии он скрывался или же если нажали на другой или же нажали вне его области!
Но вот проблема в том что я уже многое перепробовал но не чего не получается и еще в том что этих элементов много на одной странице то есть:

<a class='dell' id='1'>Нажми</a>
<span style='display:none;' class='hidedell' id='1'>Меня видно!</span>
<a class='dell' id='2'>Нажми</a>
<span style='display:none;' class='hidedell' id='2'>Меня видно!</span>
<a class='dell' id='3'>Нажми</a>
<span style='display:none;' class='hidedell' id='3'>Меня видно!</span>
<a class='dell' id='4'>Нажми</a>
<span style='display:none;' class='hidedell' id='4'>Меня видно!</span>

Прошу помочь кому не сложно! Спасибо!

raider,
волшебное слово открывашка

Было бы все так просто!

Есть такой скрипт
вот демо

$(document).ready(function () {
        $('.showNextDiv').click(function () {
          $('.hiddenDiv').not($(this).next('div')).slideUp('slow');
          $(this).next('div').stop(true, true).slideDown('slow');
        });
      });

но он не скрывает элемент если на него нажать еще раз :(

raider,
трудно выбрать из 200 вариантов ?

raider,
Открывашка 204 + закрытие по клику вне блока или кнопок

спасибо тебе! я просто тебя сразу не понял :) !