Показать сообщение отдельно
  #2 (permalink)  
Старый 21.12.2013, 22:09
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 458

Batyabest,
<style>
a.link:hover{color:red;font-weight:bold;}
div.bank{display:none;}
</style>

<script>
function hide_show(i) {
	var div = document.getElementById('bank' + i);
	var link = document.getElementById('link' + i);
	if (div.style.display == 'block') {
		div.style.display = 'none';
		link.innerHTML = 'Показать номер карты и срок действия';
	} else {
		div.style.display = 'block';
		link.innerHTML = 'Скрыть номер карты и срок действия';
	}
}
</script>

<p><b>Сбербанка России</b></p>
<a href="javascript:hide_show(1)" id="link1" class="link">Показать номер карты и срок действия</a>
<div id="bank1" class="bank"><p>хххх-хххх-хххх-хххх</p><p>01/01</p></div>
<p><b>УралСибБанк</b></p>
<a href="javascript:hide_show(2)" id="link2" class="link">Показать номер карты и срок действия</a>
<div id="bank2" class="bank"><p>хххх-хххх-хххх-хххх</p><p>01/01</p></div>
<p><b>СвязнойБанк</b></p>
<a href="javascript:hide_show(3)" id="link3" class="link">Показать номер карты и срок действия</a>
<div id="bank3" class="bank"><p>хххх-хххх-хххх-хххх</p><p>01/01</p></div>
<p><b>ПриватБанк</b></p>
<a href="javascript:hide_show(4)" id="link4" class="link">Показать номер карты и срок действия</a>
<div id="bank4" class="bank"><p>хххх-хххх-хххх-хххх</p><p>01/01</p></div>

Последний раз редактировалось Rise, 21.12.2013 в 22:40.
Ответить с цитированием