скользящие пункты меню
я PHP-ешник, в JS не особо силен, часто сталкиваюсь с задачей
есть множество однотипных блоков (div или li например) смысл в том что при клике на элемент конкретный блок должен стать display:block или аналогичный, а текущий открытый элемент соответственено должен исчезнуть в принципе я скрываю весь класс а потом конкретный id отображаю, и так повторяю при каждом клике на контрольные кнопки, мне кажется я делаю определенно неправильно подскажите верный рецепт на js и на jQuery |
Цитата:
|
<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>
|
| Часовой пояс GMT +3, время: 18:50. |