Перебор каждого элемента в цикле "for"
Добрый вечер всем,
Имеется следующее выпадающее меню: $("#downsideMenu:nth-child(1)").hover(function(){ $("#downsideMenu:nth-child(1) :nth-child(2)").css("display","block"); }, function(){ $("#downsideMenu:nth-child(1) :nth-child(2)").css("display","none"); }) .................................................. ............................................ $("#downsideMenu:nth-child(6)").hover(function(){ $("#downsideMenu:nth-child(6) :nth-child(2)").css("display","block"); }, function(){ $("#downsideMenu:nth-child(6) :nth-child(2)").css("display","none"); }) }) Все прекоасно работает __________________________________________________ _____________Как можно сократить код, используя цикл "for" и следующий вид: var downsideMenu = $("#downsideMenu :nth-child(i)"); for (var i=1; i<7; i++){ ??????????? } $("#downsideMenu:nth-child(i)").hover(function(){ $("#downsideMenu:nth-child(i) :nth-child(2)").css("display","block"); }, function(){ $("#downsideMenu:nth-child(i) :nth-child(2)").css("display","none"); }) }) Что является телом цикла в этом случае? Нет ли ошибки в объявлении переменной? Подскажите, пожалуйста, если можете. Заранее благодарен. DTM |
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> Возможно это просто врачебная ошибка... |
Часовой пояс GMT +3, время: 11:28. |