Сообщение от 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>
|
Большое спасибо!!! ))) А можно ещё вопросик? Как сделать тоже самое только при нажатии кнопки открывается скрытый текст?