Показать сообщение отдельно
  #1 (permalink)  
Старый 10.04.2011, 21:13
Новичок на форуме
Отправить личное сообщение для wowkaster Посмотреть профиль Найти все сообщения от wowkaster
 
Регистрация: 10.04.2011
Сообщений: 1

Выпадющие блоки
Здравсвуйте!
Хочу реализовать выпадающие блоки.
Написал вот такой вот скрипт

<script>
  $(document).ready(function(){
     // Если пользователь кликнул на секцию
     $('li > .but').click(function()
     {
          // Сбрасываем все секции
          $('li > .block').hide();
          // Делаем активной на которую кликнули
		  $(this).addClass('active');
          $(this).next().addClass('active').show();  
     });
  });
</script>


Код:
<style type="text/css"> 
ul {
}
	ul li {
		display:inline;
		position:relative;
	}
	
	.block {
		position:absolute;
		display:none;
	}
</style>
<ul>
	<li>asdasd <span class="but">V</span><div class="block">1</div></li>
	<li>asdasd <span class="but">V</span><div class="block">2</div></li>
	<li>asdasd <span class="but">V</span><div class="block">3</div></li>

</ul>


Всё вроде-бы работает, но есть один минус, не хватает функции toggle. Как не крутил, так и не понял куда её применить.

- Блок открываеться по клику на елемент .but, если были открыт другие они закрваються и открываеться по которому был произведён клик.
- Нехватает функции toggle как её применить в данном примере? Я что-то не совсем понимаю.

Пример можно посмотреть на том-же _vbank.ru, нет ну можно конечно у них свиснуть код)) Но хотелось бы самому разобраться.
Спасибо.

Последний раз редактировалось wowkaster, 10.04.2011 в 21:16.
Ответить с цитированием