how to increase jquery :eq() parameter out of hover function? -

$('.arrow').eq(0).hover(function () {     $('.sub-menu').eq(0).css('visibility', 'visible');     $('.arrow').eq(1).hover(function () {         $('.sub-menu').eq(1).css('visibility', 'visible');         $('.arrow').eq(2).hover(function () {             $('.sub-menu').eq(2).css('visibility', 'visible');             $('.arrow').eq(3).hover(function () {                 $('.sub-menu').eq(3).css('visibility', 'visible');                 $('.arrow').eq(4).hover(function () {                     $('.sub-menu').eq(4).css('visibility', 'visible');                     $('.arrow').eq(5).hover(function () {                         $('.sub-menu').eq(5).css('visibility', 'visible');                         $('.arrow').eq(6).hover(function () {                             $('.sub-menu').eq(6).css('visibility', 'visible');                             $('.arrow').eq(7).hover(function () {                                 $('.sub-menu').eq(7).css('visibility', 'visible');                              });                         });                     });                 });             });         });     }); }); 

can have function add class children if parent hovered? want make navigation wp themes. thanks))

is sort of thing you're after?

$('.parent').hover(function() {     $(this).children().addclass('classname'); }); 

edit: don't think wanted generic... i'm not entirely sure you're trying there, sorry.