Представляю вашему вниманию готовый плагин вопрос-ответ.
Примерно как он будет работать можете понять со скриншота к статье.
Настраивается просто:
- Добавляем класс
.item {display: none;}
- В наш блок вставляем html код:
<a rel="item" href="">Вопрос</a>
<div class="item">Ответ</div>
<a rel="item" href="">Вопрос</a>
<div class="item">Ответ</div>
- И под ним или внизу сайта подключаем такой скрипт:
<script>
$('a[rel=item]').click(function(){
$(this).next().toggle('slow');
return false;
});
</script>
На этом все. Остальное уже (шрифты, цвета и т.д. настраиваем в CSS)