Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.02.2012, 16:20
Интересующийся
Отправить личное сообщение для Surlik Посмотреть профиль Найти все сообщения от Surlik
 
Регистрация: 19.02.2012
Сообщений: 19

Отображение и скрытие элементов UL
Здравствуйте уважаемые знатоки! Нужна помощь!
Задача в следующем:
При наведений мыши на вторую ссылку отображается ее содержимое из UL
Изначально первая ссылка и содержимое из UL(первого) отображены!
У меня есть пример, но он работает не правильно. Jquery не знаю
Может, сможете помочь?!
все стили не привожу в примере
Css:
.box {display: none;}
.box.visible {display: block;}
li.current {
	color: #fff;
	background: #000;
	
}


HTML:
<div class="vertical">
	<ul class="tabs">
	<li class="current">Первая ссылка</li> 	 
  <ul class="box visible"">
	<li>Пример</li>
	</ul>
  <li>Вторая ссылка</li>
	<ul class="box">
	<li>Пример 2</li>
	</ul>
</ul>
</div>


JQuery
(function($) {
$(function() {

	$('ul.tabs').delegate('li:not(.current)', 'mouseover', function() {
		$(this).addClass('current').siblings().removeClass('current')
			  .parent('ul').find('ul.box').hide().eq($(this).index()).fadeIn("slow");
	})

})
})(jQuery)


И структура HTML важна, единственно могу div поставить пред UL class="box"
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Получить список ВСЕХ элементов DOM Почемучкин Events/DOM/Window 7 16.04.2012 11:33
Перекрытие элементов (Sandr) Общие вопросы Javascript 7 25.01.2012 10:02
IE 6 не обновляет отображение элементов.... geschaft Internet Explorer 4 09.07.2011 17:44
Скрытие элементов на JS alex_89 Элементы интерфейса 5 12.05.2011 09:29
Скрытие нескольких независимых элементов shik Элементы интерфейса 8 09.12.2010 08:57