Показывание или скрытие дива по наводки мышки на другой див

Обсуждаются вопросы использования методов и вспомогательных функций, входящие в состав библиотеки jQuery.

Модераторы: TRAHOMOTO, zandroid, tuareg

Показывание или скрытие дива по наводки мышки на другой див

Сообщение vanicon » 27 дек 2010, 03:08

Есть див который при на водке мышки на другой див нужно показать (изначально этот див спрятан), а если мышку отведешь то спрятать. И все получается за исключением того что если этих дивов будет много, вот вообщем код:
Код: выделить все
сам скрипт jquery
<script type="text/javascript">
$(document).ready(function(){
$(".post").hover(function () {
      if ($("#close").is(":hidden:auto")) {
        $("#close").show();
      } else {
        $("#close").hide();
      }
    });
})
</script>

Первый такой блок
<div class="post">
<ul id="info-posts">
<li style="width:24px;"><input type="checkbox" value=""></li>
<li style="width:301px;">Заголовок записи
<div style="height:15px;font-size:13px;padding:5px 0 0 0;"><div style="display:none;" id="close">
<a href="">Редактировать</a>&nbsp;|&nbsp;
<a href="">Удалить</a>&nbsp;|&nbsp;
<a href="">Перейти</a>&nbsp;|&nbsp;
<a href="">Поднять</a>
</div>
</div></li>
<li style="width:161px;">Отдых и развлечения</li>
<li style="width:151px;">Профессиональное оборудование</li>
<li style="text-align:center;width:83px;">25.12.2010</li>
<div class="clear"></div>
</ul>
</div>


Второй такой блок
<div class="post">
<ul id="info-posts">
<li style="width:24px;"><input type="checkbox" value=""></li>
<li style="width:301px;">Заголовок записи
<div style="height:15px;font-size:13px;padding:5px 0 0 0;"><div style="display:none;" id="close">
<a href="">Редактировать</a>&nbsp;|&nbsp;
<a href="">Удалить</a>&nbsp;|&nbsp;
<a href="">Перейти</a>&nbsp;|&nbsp;
<a href="">Поднять</a>
</div>
</div></li>
<li style="width:161px;">Отдых и развлечения</li>
<li style="width:151px;">Профессиональное оборудование</li>
<li style="text-align:center;width:83px;">25.12.2010</li>
<div class="clear"></div>
</ul>
</div>
Так было, так есть и так будет
Аватар пользователя
vanicon
 
Сообщений: 77
Зарегистрирован: 20 янв 2010, 10:53
Откуда: Самара

Re: Показывание или скрытие дива по наводки мышки на другой див

Сообщение EGORR » 27 дек 2010, 09:26

Рекомендую покопаться в снипетах.
Обратите внимание на Простейший Accordion и .slideToggle()
Там описывается реализация похожего функционала, только не там hover, но это не принципиально.
Life is very short, and there's no time
For fussing and fighting, my friend...
Аватар пользователя
EGORR
Модератор
 
Сообщений: 720
Зарегистрирован: 22 янв 2010, 01:44
Откуда: Ярославль


Вернуться в API jQuery

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2