Форум

hhpd · #1 (**permalink**) 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 · #2 (**permalink**) 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>

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

Форум

Справочник

Discord чат

Курсы javascript