Меню "аккордеон" с картинкой

[sidor]

Делаю меню для сайта и пришел с некоторый ступор.
В закрытом виде оно имеет такой вид:

Тоесть перед пунктами, в которых есть подпункты, стоит стрелочки вправо.

После нажатия на такой пункт, оно должно октрываться в таком виде:

Так вот как сделать что бы та же картинка менялась когда меню открывается?
Такое же меню нашел на

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Только там без картинки.

 

[dosia]

в таких вещах не особо разбираюсь но
я видел нечто подобное тут:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

можно и подглядеть

 

[glas_naroda]

Не понял вопроса... на рис. 1 стрелочка на картинке смотрит вправо; на рис. 2 стрелочка смотрит вниз. Что еще надо???

 

[WolandV]

Так вот как сделать что бы та же картинка менялась когда меню открывается?

<script>
function _HeaderSect(ot, CheckNum) {
	switch(CheckNum) {
		case 0:
			SectionName = "Solutions"; 
			break;
		case 6:
			SectionName = "Marketing";
			break;
	}
	if (document.getElementById(SectionName).style.display == 'block')
	{
		document.getElementById(SectionName).style.display = 'none';
		ot.style.backgroundImage = "url(/images/vpravo.gif)"; 
	}
	else
	{
		document.getElementById(SectionName).style.display = 'block';
		ot.style.backgroundImage = "url(/images/vniz.gif)";
	}
}
</script>
...
<h3 style="background: url(/images/vpravo.jpg) no-repeat;" onClick="_HeaderSect(this, 6);">Каталог продукции</h3>
	<div id="Marketing" style="display: none; width: 90%;">
		<p>Ноутбуки</p>
		<p>Клавиатуры</p>
		<p>Мыши</p>
	</div>
...

 

[sidor]

я в жаве вообще ноль
картинка слева вообще не показывается почему-то...

upd.
все сделал. запутался с путями картинок.

а как вот можно еще сделать что бы оно выскакивало не сразу, а с задержкой как на сайте указанном в 1м посте?

 

[dosia]

sidor, а мои пример не подошол?

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

можеш его подогнатЬ под себя

 

[Baxxxter]

а на jQuery не пробвал?

 

[WolandV]

а как вот можно еще сделать что бы оно выскакивало не сразу, а с задержкой как на сайте указанном в 1м посте?

задержку можно сделать с помощью функции setTimeout(func, time).
Например,
function demo(){
//вызвать функцию wz через 5 секунд
window.setTimeout('wz()', 5000)
}

И кстати, пример с фриланса был прямо в яблочко ))