Вход

Просмотр полной версии : Продолжение цикл "for"

hhpd
16.02.2013, 23:38
Добрый время суток,

Имеется следующее выпадающее меню:
Код JavaScript
__________________________________________________ ____________
$(".downsideMenu :eq(i)").hover(function(){
$(".downsideMenu :eq(i) :nth-child(2)").css("display","block"); }, function(){
$(".downsideMenu :eq(i) :nth-child(2)").css("display","none");
});
__________________________________________________ _____________
Как грамотно записать, чтобы это работало для i от 0 до 7? Может через if?
Подскажите, пожалуйста, если можете.
Заранее благодарен.
danik.js
16.02.2013, 23:45
hhpd, кажется у вас jQuery головного мозга. Срочно лечить. В данном случае очень хорошо помогает препарат CSS:

<!DOCTYPE html>
<style>
#downsideMenu > li{
position: relative;
float: left;
list-style: none;
margin: 0 10px;
}
#downsideMenu span{
cursor: pointer;
display: block;
border: 1px solid #eee;
}
#downsideMenu ul{
position: absolute;
top: 100%;
left: 0;
display: none;
background: #eee;
min-width: 200px;
}
#downsideMenu > li:hover ul{
display: block;
}
</style>
<ul id="downsideMenu">
<li>
<span>Бла бла</span>
<ul>
<li>Суб-бла-бла</li>
<li>Суб-бла-бла</li>
<li>Суб-бла-бла</li>
</ul>
</li>
<li>
<span>Бла бла</span>
<ul>
<li>Суб-бла-бла</li>
<li>Суб-бла-бла</li>
<li>Суб-бла-бла</li>
</ul>
</li>
<li>
<span>Бла бла</span>
<ul>
<li>Суб-бла-бла</li>
<li>Суб-бла-бла</li>
<li>Суб-бла-бла</li>
</ul>
</li>
</ul>

Возможно это просто врачебная ошибка...