Начал изучать jQuery и так как с подобными языками дела имел мало - не могу допереть как упростить такого рода код:
$("#b1").hover(
function () {
$("#t1").animate ({top:"120px"}, 200);
},
function () {
$("#t1").animate ({top:"150px"}, 200);
}
);
$("#b2").hover(
function () {
$("#t2").animate ({top:"120px"}, 200);
},
function () {
$("#t2").animate ({top:"150px"}, 200);
}
);
//... и так до 10
таким вариантом не получается:
for ( var i = 1; i <= 10; i++ ) {
$("#b"+i).hover(
function () {
$("#t"+i).animate ({top:"120px"}, 200);
},
function () {
$("#t"+i).animate ({top:"150px"}, 200);
}
);
}
что посоветуете?