TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Ahojte, potreboval by som pomoct s jQuery (nenasiel som tu forum cisto na jQuery, tak pisem sem..)
mam horizontalne menu v html kode:
<div id="mainSubNav">
<ul>
<li id="list_1"><a href="#"><span>Timetable</span></a></li>
<li id="list_2"><a href="#"><span>Flight status</span></a></li>
<li id="list_3"><a href="#"><span>Our fleet</span></a></li>
<li id="list_4"><a class="bgNone" href="#"><span>Fly green</span></a></li>
</ul>
</div>
v danom menu je na prvok A definovany tzv. "divider" ako background-image ktory oddeluje jednotlive polozky menu obrazkom - 2px zvislou ciarkou. a ja potrebujem schovavat tento divider takymto sposobom:
"ked idem myskou (hover) na LI s ID=list_2 tak sa mi schova divider pre LI s ID=list_1 ...atd. ...cize vzdy tomu predchadzajucemu...
moj jQuery kod ktory funguje ale nieje riesenim:
$(document).ready(function() {
$("li#list2").mouseover(function(){
$("li#list1 a").addClass("bgNone2");
}).mouseout(function(){
$("#mainSubNav ul > li a").removeClass("bgNone2");
});
$("li#list3").mouseover(function(){
$("li#list2 a").addClass("bgNone2");
}).mouseout(function(){
$("#mainSubNav ul > li a").removeClass("bgNone2");
});
$("li#list4").mouseover(function(){
$("li#list3 a").addClass("bgNone2");
}).mouseout(function(){
$("#mainSubNav ul > li a").removeClass("bgNone2");
});
});
ja potrebujem tento kod zjednodusit cez nejaky cyklus v ktorom nadefinujem to co potrebujem...
nejako takto?
$(document).ready(function(){
var li = $(document).find("#mainSubNav > ul > li");
var i = "0";
for (i; i<li.lenght; i++) {
$("li#list(i)").mouseover(function(){
$("li#list(i-1) a").addClass("bgNone");
}).mouseout(function(){
$("#mainSubNav ul > li a").removeClass("bgNone");
});
}
});
toto vsak nefunguje, zapis
$("li#list(i)")dakujem za akekolvek podnety
