Перейти к содержимому



JS (раскрыть/скрыть) Как сделать чтобы список раскрывался со сменой ссылки

#1 vitsn

vitsn
  • Неактивные
  • 17 сообщений
  • Репутация: 0
0

Отправлено 16 Март 2012 - 00:02

Всех приветствую.
Мне нужна помощь в написании скрипта. Имеется исходник.
В исходнике требуются изменения:
Сделать так, чтобы при нажатии на ссылку слово "раскрыть" менялось на "скрыть", а слово "список" не менялось.

Прикрепленные файлы


 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Плавное открытие/скрытие блоков
  2. Раскрывающийся текст
  3. Скрытие блока при клике вне его области JavaScript
  4. JavaScript скрыть показать блок, при открытии одного, другие скрываются, как?
  5. Эффективно ли скрытие ссылок через js?

#2 balby

balby
  • Неактивные
  • 6 сообщений
  • Репутация: 1

Отправлено 17 Март 2012 - 11:13

в script.js добавь эту функцию
function showHideText(idName,textShow,textHide){
	 obj = document.getElementById(idName);
	 switch(obj.innerHTML){
		  case textShow:
			   obj.innerHTML = textHide;
		  break;
		  case textHide:
			   obj.innerHTML = textShow;
		  break;
		  default:
			   obj.innerHTML = textHide;
		  break;
	 }
}
и в index.htm замени
<a onclick="showHide('chisla');showHideText('showtext','Раскрыть','Скрыть');" style="cursor:pointer; color: #3939FF;">
		  <span id="showtext">Раскрыть</span> - Список
</a>

  • 0

#3 vitsn

vitsn
    Topic Starter
  • Неактивные
  • 17 сообщений
  • Репутация: 0

Отправлено 17 Март 2012 - 14:34

Не работает. Проверил на правильность выполнения действий несколько раз, скопировал все куда надо, а работать не хочет во всех браузерах.
Развернуть не меняется на свернуть и DIV не раскрывается. Спасибо за желание помочь
  • 0

#4 balby

balby
  • Неактивные
  • 6 сообщений
  • Репутация: 1

Отправлено 17 Март 2012 - 19:24

блин, не могу прикрепить файлы

вот, проверяй

Прикрепленные файлы


  • 0

#5 yury

yury
  • Пользователь
  • 633 сообщений
  • Репутация: 182

Отправлено 17 Март 2012 - 21:31

uebalby,
60кб, чтобы скрыть/показать кусок текста?
<html>
<head>
<title>Show/Hide</title>
<script type="text/javascript">
function show_hide (id) {
if (document.getElementById("hidden_" + id).style.display == "none") {
	document.getElementById("hidden_" + id).style.display = "block";
	document.getElementById("lnk_" + id).innerHTML = "Скрыть список";
}
else {
	document.getElementById("hidden_" + id).style.display = "none";
	document.getElementById("lnk_" + id).innerHTML = "Раскрыть список";
}
}
</script>
</head>
<body>
<a href="javascript:show_hide('1');" id="lnk_1">Раскрыть список</a>
<div id="hidden_1" style="display:none">
1 <br>
2 <br>
3 <br>
4 <br>
5 <br>
6
</div>
</body>
</html>

  • 1

#6 vitsn

vitsn
    Topic Starter
  • Неактивные
  • 17 сообщений
  • Репутация: 0

Отправлено 17 Март 2012 - 23:30

блин, не могу прикрепить файлы

вот, проверяй


Это тот же самый код и он не работает, а вот код Юрия работает.
Много я сил потратил чтобы самостоятельно сделать. Пока, что я в JS слабоват.
Проблема решена спасибо.
  • 0

#7 balby

balby
  • Неактивные
  • 6 сообщений
  • Репутация: 1

Отправлено 18 Март 2012 - 04:21

uebalby,
60кб, чтобы скрыть/показать кусок текста?

я не собираюсь учить как правильно кодить, ТС дал пример, я его доделал и отдал.
  • 0


Оформление форума – IPBSkins.ru