Показать сообщение отдельно
  #4 (permalink)  
Старый 14.08.2012, 12:07
Интересующийся
Отправить личное сообщение для Phil_F Посмотреть профиль Найти все сообщения от Phil_F
 
Регистрация: 13.08.2012
Сообщений: 20

Сообщение от lord2kim Посмотреть сообщение
Phil_F,
<html>
<head>
<style>
ul.list_img {
	list-style-image: url(http://ktonanovenkogo.ru/wp-content/themes/Organic/images/bullet.png);
	line-height: 170%;
}
ul.list_img li {
	cursor: pointer;
}
ul.list_imgs {
	list-style: none none;
	display: none;
}
</style>
</head>
<body>
<ul class="list_img" id="ul">
<li class="c1">Спец.предложения для тарифов</li>
<ul id="c1" class="list_imgs">
<li>1</li>
</ul>
<li class="c2">Подключить/отключить</li>
<ul id="c2" class="list_imgs">
<li>2</li>
</ul>
<li class="c3">Авто.инфо</li>
<ul id="c3" class="list_imgs">
<li>3</li>
</ul>
<li class="c4">Условия предоставления</li>
<ul id="c4" class="list_imgs">
<li>4</li>
</ul>
</ul>
<script>
window.onload = function () {
	document.getElementById("ul").onclick = function a(e) {
		e = e || event;
		var target = e.target || e.srcElement;
		if (target.tagName == "LI") {
			document.getElementById(target.className).style.display = document.getElementById(target.className).style.display == "block" ? "none" : "block";
			target.style.listStyleImage = document.getElementById(target.className).style.display == "block" ? "url(http://yandex.st/share/static/b-share-popup_down__tail.png)" : "url(http://ktonanovenkogo.ru/wp-content/themes/Organic/images/bullet.png)";
			//alert("v");
		}
	}
}
</script>
</body>
</html>
Большое спасибо!!! ))) А можно ещё вопросик? Как сделать тоже самое только при нажатии кнопки открывается скрытый текст?
Ответить с цитированием