Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.01.2011, 00:06
Аватар для dimaan777
Аспирант
Отправить личное сообщение для dimaan777 Посмотреть профиль Найти все сообщения от dimaan777
 
Регистрация: 07.11.2010
Сообщений: 66

Помогите разработать код
Здравствуйте. Такая проблема:
У меня есть такой html код:
<div class="most_useful">
	<ol>
    	<li><a href="#">VideoInspector 2.2.5</a>
        	<p><img src="image/test/most_us_img1.jpg">текстх текстхтекстхтекстх текстх текстх текстх текстх текстх текстх текстх </p></li>
        <li><a href="#">VLC media player 1.0.0</a>
        	<p><img src="image/test/most_us_img1.jpg">текстх текстх текстх текстх текстх текстх текстх текстх текстх текстх текстх </p></li>
        <li><a href="#">MKVtoolnix 2.9.5</a>
        	<p><img src="image/test/most_us_img1.jpg">текстх текстх текстх текстх текстх текстх текстх текстх текстх текстх </p></li>
        <li><a href="#">FlvPlayer4Free 3.5.0.0</a>
        	<p><img src="image/test/most_us_img1.jpg">текстх текстх текстх текстх текстх текстх текстх </p></li>
        <li><a href="#">Format Factory 2.15</a>
        	<p><img src="image/test/most_us_img1.jpg">текстх текстх текстх текстх текстх текстх текстх </p></li>
        <li><a href="#">FurMark 1.8.0</a>
        	<p><img src="image/test/most_us_img1.jpg">текстх текстх текстх текстх текстх текстх текстх текстх текстх текстх </p></li>
        <li><a href="#">CPU-Z 1.54</a>
        	<p><img src="image/test/most_us_img1.jpg">текстх текстх текстх текстх текстх текстх текстх текстх текстх </p></li>
    </ol>
</div>


Я хочу, когда человек наводит мишкой на элемент <li>, то появлялся контент который находится в <p>. И нужно чтобы было так, если наводим на первый <li>, то появлялся первый <p>, и т.д.
Ответить с цитированием
  #2 (permalink)  
Старый 05.01.2011, 06:16
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

CSS:

.most_useful p {display: none;}


jQuery:

$("div.most_useful li").bind("mouseover mouseout", function () {
	$("p", this).toggle();
});
Ответить с цитированием
  #3 (permalink)  
Старый 05.01.2011, 16:42
Аватар для dimaan777
Аспирант
Отправить личное сообщение для dimaan777 Посмотреть профиль Найти все сообщения от dimaan777
 
Регистрация: 07.11.2010
Сообщений: 66

Спасибо !!!!!!!! + 1
Ответить с цитированием
  #4 (permalink)  
Старый 05.01.2011, 16:59
Аватар для dimaan777
Аспирант
Отправить личное сообщение для dimaan777 Посмотреть профиль Найти все сообщения от dimaan777
 
Регистрация: 07.11.2010
Сообщений: 66

А можно добавить сюда эффект slideDown и slideUp ?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выпадающие списки. Помогите подправить код. cardsmoney Элементы интерфейса 6 18.02.2011 15:20
Завтра экзамен. Помогите дополнить код игры. ZZKK Общие вопросы Javascript 8 26.11.2010 15:18
Код калькулятора на JS. помогите с ошибкой! kirill.psl Общие вопросы Javascript 9 26.08.2010 10:38
Помогите код оптимизировать. Suharik Events/DOM/Window 2 27.05.2010 10:59
Прелоэдер. Помогите разобрать код. bayah Общие вопросы Javascript 1 05.05.2010 19:32