VPF::Спойлер на jQuery - Форум программистов

Coder_D

Дата 26.12.2010, 12:41 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 19
Регистрация: 19.3.2008

Репутация: нет
Всего: нет

В первую очередь, конечно, хотелось бы поздравить всех вас:
С наступающим вас, товарищи программисты!
----------------------------------
А вопрос у меня вот такой:
Нашел тут несложный скрипт на jQuеry. Всё работает, проблем нет!
Но хотелось бы допилить его немного, чтобы открытым находился только один (или два) спойлера одновременно. Говоря, проще, чтобы при открытии спойлера - закрывались другие открытые. Самому мне на это знаний пока не хватает, хотелось бы воспользоваться помощью специалистов.
Заранее спасибо откликнувшимся!

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled-2000</title>
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<style>
.splCont{display:none;padding:5px 15px;}
</style>

</head>

<body>
             <div><a href="javascript://" class="splLink">Спойлер 1</a>
                 <div class="splCont">
                ТЕКСТ ПОД СПОЙЛЕРОМ 1
                    </div>
                </div>

             <div><a href="javascript://" class="splLink">Спойлер 2</a>
                 <div class="splCont">
                ТЕКСТ ПОД СПОЙЛЕРОМ 2

                    </div>
                </div>
            
          <div><a href="javascript://" class="splLink">Спойлер 3</a>
                 <div class="splCont">
                ТЕКСТ ПОД СПОЙЛЕРОМ 3

                    </div>
                </div>
</body></html>

Amphiluke

Дата 26.12.2010, 13:21 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 17
Всего: 112

Код


  $(document).ready(function(){
    $('.splLink').click(function(){
      var currentSpl = $(this).parent().children("div.splCont");
      $("div.splCont").not(currentSpl.get()).hide("fast");
      currentSpl.toggle('normal');
      return false;
    });
  });

Coder_D

Дата 26.12.2010, 19:51 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 19
Регистрация: 19.3.2008

Репутация: нет
Всего: нет

Спасибо! Всё работает!

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »