VPF::Два дива (один виден, другой нет)

SelenIT

Дата 11.3.2010, 11:38 (ссылка)

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

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Guedda, в 22-й строчке надо <div id="mcontent" class="opr">.

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Guedda

Дата 11.3.2010, 12:21 (ссылка)

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

Загрузка ...

Подрывник

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

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

Спасибо. Не заметил. Все получилось.

--------------------

Ll 2

bars80080

Дата 11.3.2010, 15:58 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

Цитата(ksnk @ 11.3.2010, 10:23

)

что центральная кнопка мыши открывает невразумительно пустую страницу вместо чего-то содержательного.

центральной кнопки?
ух ты

HARDMID

Дата 12.3.2010, 17:05 (ссылка)

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

Загрузка ...

Новичок

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

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

йэх... юзаю уже много-много-много-много секунд библиотеку jquery-1.3.2.js.

+код скриптика в хтмл:

Код


<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

В CSS примерно так все, остальное - по желанию:

Код


.splCont{display:none;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;padding:3px 5px;font-size: 1em;}
.splLink { font-size: .8em; }

в хтмл:

Код


<div class="spoiler">
<!-- 1 -->
<a class="splLink" href="javscript://">заголовок раскрывающегося дива</a>
<noscript>
<p>текст, который покажется при отключенных скриптах</p>
</noscript>
<div class="splCont">
<p>Какой-нибудь нужный текст</p>
</div>
</div>

<!-- и следующий: -->

<div class="spoiler">
<!-- 1 -->
<a class="splLink" href="javscript://">заголовок раскрывающегося дива</a>
<noscript>
<p>текст, который покажется при отключенных скриптах</p>
</noscript>
<div class="splCont">
<p>Какой-нибудь нужный текст</p>
</div>
</div>

<!-- и т.п... таких блоков мона клепать скока угодно. А пошустрить CSS, так можно сделать и поинтереснее. -->

Единственное, чего не требовалось при решении задачи, так это схлопывание одного дива при открытии другого. Если кто чуть доработает для "авто-схлопывания" соседнего дива, будет круто. )))

Это сообщение отредактировал(а) HARDMID - 12.3.2010, 17:07

Violator

Дата 12.3.2010, 18:55 (ссылка)

(голосов:1)

Загрузка ...

Бывалый

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

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

HARDMID,

Код


<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function() {
      cont = $(this).parent().children('.splCont');
      $('.splCont').each(function() {
        if ($(this)[0] != cont[0] && $(this).hasClass('show'))
          $(this).hide('normal', function() { $(this).removeClass('show'); });
      });
      if (cont.hasClass('show'))
        cont.hide('normal', function() { $(this).removeClass('show'); });
      else
        cont.show('normal', function() { $(this).addClass('show'); });
      return false;
    });
  });
</script>

HARDMID

Дата 15.3.2010, 14:26 (ссылка)

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

Загрузка ...

Новичок

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

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

Спасибо, то что надо! ))) отличненько работает. )))

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