<style>
.question {
background-image:url(
http://invest-system.net/modules/mod_jbfaq/faq/square.png);
background-position:left 4px;
background-repeat:no-repeat;
padding-left:14px;
}
.question a {
color:#F90;
text-decoration:none;
}
.answer {
display:none;
}
</style>
<script>
function spoiler(e) {
var parent = e.parentNode;
var answer = parent.nogetElementsByTagName("div").item(0);
if (answer.style.display == "block") {
answer.style.display = "none";
parent.style.backgroundImage = "url(
http://invest-system.net/modules/mod_jbfaq/faq/square.png)";
} else {
answer.style.display = "block";
parent.style.backgroundImage = "url(
http://invest-system.net/modules/mod_jbfaq/faq/dash.png)";
}
}
</script>
<div class="question">
<a href="#" noonclick="spoiler(this)">1</a>
<div class="answer">2</div>
</div>
<div class="question">
<a href="#" noonclick="spoiler(this)">Кликни сюда</a>
<div class="answer">Этот текст будет отображаться при клике :)</div>
</div>
<div class="question">
<a href="#" noonclick="spoiler(this)">Вопрос #3</a>
<div class="answer">Пример #3</div>
</div>