VPF::Разворачивающийся список..как?

ARTIDESh

Дата 3.6.2011, 10:57 (ссылка)

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

Загрузка ...

Новичок

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

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

Код


<style type="text/css">
.hide {
  display: none;
}
</style>
<script type="text/javascript">
function showhide(n)
{
  if (document.getElementById('otd'+n).style.display=='inline')
    document.getElementById('otd'+n).style.display='none';
  else
    document.getElementById('otd'+n).style.display='inline';
  return false;
}
</script>
 
<div><a href="#" onclick="return showhide(1);"> раздел 1</a></div>
<div id="otd1" class="hide">
подраздел 1.<br />
подраздел 2<br />
подраздел 3<br />
</div>
 
<div><a href="#" onclick="return showhide(2);"> раздел 2</a></div>
<div id="otd2" class="hide">
подраздел 1.<br />
подраздел 2<br />
подраздел 3<br />
</div>

Добавлено через 1 минуту и 15 секунд
Как сделать так, чтобы перед нажатием была стрелка вниз..а после нажатия минус..

Amphiluke

Дата 3.6.2011, 11:12 (ссылка)

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

Загрузка ...

☽

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

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

Например, так:

Код


<script type="text/javascript">
function showhide(n, o)
{
  if (document.getElementById('otd'+n).style.display=='inline') {
    document.getElementById('otd'+n).style.display='none';
    o.getElementsByTagName("span")[0].innerHTML = "&darr;";
  } else {
    document.getElementById('otd'+n).style.display='inline';
    o.getElementsByTagName("span")[0].innerHTML = "&minus;";
  }
  return false;
}
</script>
 
<div><a href="#" onclick="return showhide(1, this);"><span>&darr;</span> раздел 1</a></div>
<div id="otd1" class="hide">
подраздел 1.<br />
подраздел 2<br />
подраздел 3<br />
</div>
 
<div><a href="#" onclick="return showhide(2, this);"><span>&darr;</span> раздел 2</a></div>
<div id="otd2" class="hide">
подраздел 1.<br />
подраздел 2<br />
подраздел 3<br />
</div>

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