скользящие пункты меню

[eldi007]

я PHP-ешник, в JS не особо силен, часто сталкиваюсь с задачей
есть множество однотипных блоков (div или li например)

смысл в том что при клике на элемент конкретный блок должен стать display:block или аналогичный, а текущий открытый элемент соответственено должен исчезнуть

в принципе я скрываю весь класс а потом конкретный id отображаю, и так повторяю при каждом клике на контрольные кнопки,
мне кажется я делаю определенно неправильно

подскажите верный рецепт на js и на jQuery

[ksa]

подскажите верный рецепт на js и на jQuery

С тебя тестовый пример...

[9xakep]

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script> 
<script type="text/javascript"> 	
function slideUpDiv(){ 
	var main1 = document.getElementById('main'); 
	if (main1.style.display == "none") { 
	    $('#main').slideDown(); 
	} 
	else {   
	    $('#main').slideUp(); 
	} 
	} 
	 </script> <input type='button' value='slide' onclick="slideUpDiv()">
<div id='main' style='display:none'>
<div id='main_1'>main1</div>
<div id='main_2'>main2</div>
</div>