Javascript-форум - Смена картинки и раскрывающийся текст при клике

Здравствуйте. Только изучать начал и наткнулся на такую проблему: не знаю как добавить картинку(картинка со стрелкой вниз) и текст так, чтобы при клике на Текст с картинкой("Сколько стоят ваши услуги"), та картинка заменялась на другую(картинка со стрелкой вверх) и раскрывался текст"услуги сантехника.."

<div onClick="expandit(this)"><p style="cursor:pointer" >Показать/скрыть детальную информацию о о блоке текста №1</p>
<img src="img/arrow.png" alt=""></div>
 
<span style="display:none" style=&{head};>
Здесь пишем/вставляем блок текста №1
</span>
<p style="cursor:pointer" onClick="expandit(this)">Показать/скрыть детальную информацию о о блоке текста №2</p>
<span style="display:none" style=&{head};>
Здесь пишем/вставляем блок текста №2
</span><p style="cursor:pointer" onClick="expandit(this)">Показать/скрыть детальную информацию о о блоке текста №3</p>
<span style="display:none" style=&{head};>
Здесь пишем/вставляем блок текста №3
</span><p style="cursor:pointer" onClick="expandit(this)">Показать/скрыть детальную информацию о о блоке текста №4</p>
<span style="display:none" style=&{head};>
Здесь пишем/вставляем блок текста №4
</span>

<script>
<!--
var ns6=document.getElementById&&!document.all?1:0
var head="display:''"
var folder=''
function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}
//-->
</script>