Показ одного элемента из 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>
Прошу помочь кому не сложно! Спасибо!
6 ответов

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


raider, волшебное слово <font color="Red">открывашка</font>
Было бы все так просто!


Есть такой скрипт вот демо
$(document).ready(function () {
 $('.showNextDiv').click(function () {
 $('.hiddenDiv').not($(this).next('div')).slideUp('slow');
 $(this).next('div').stop(true, true).slideDown('slow');
 });
 });
но он не скрывает элемент если на него нажать еще раз


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


raider, <a href="http://javascript.ru/forum/jquery/54576-problema-s-toogleclass-pri-vydelenii-aktivnojj-sylki-po-nazhatiyu.html#post362759" target="_blank">Открывашка 204 + закрытие по клику вне блока или кнопок </a>
спасибо тебе! я просто тебя сразу не понял !