Почему Один скрипт не работает на 2 ссылки?

Question

[Zholtayev808]

$(document).ready(function(){

           $(".showHideContent").click(function () {
                       if ($(".content").is(":hidden")) {
                               $(".content").show("slow");
                       } else {
                               $(".content").hide("slow");
                       }return false;
});

<p><a href="#" class="showHideContent">1.  <br /></a> </p><div class="content" style="display:block"> <p><span>Perviy</span> </p> </div>
<p><a href="#" class="showHideContent">2.  <br /></a> </p><div class="content" style="display:none;"> <p><span>Vtoroy</span> </p> </div>

Answer 1

[Rsa97]

Почему не работает? Скрывает обе разом и показывает обе разом, как и написано в скрипте.

Comments

[Zholtayev808]

да обе разом показывает, но функция "hide" чтобы обратно спрятать не работает. Если оставить одну только ссылку то работает

[Rsa97]

Zholtayev808: Работает. У вас в скрипте записано следующее:

при шелчке по элементу с классом 'showHideContent'
  если первый элемент с классом 'content' скрыт
    то показать все элементы
    иначе скрыть все элементы

Всё именно так и работает