Menu Focus – scorrere una lista dinamica di item

Punto 1: ricordarsi di mettere jQuery e non $, che nel php si spacca tutto.

poi: contare quanti LI nell' UL che interessa.

Quindi: freccia dx, fa scomparire i primi, freccia a sn, fa apparire i primi.


/*questo fa scorrere i focus */

jQuery(document).ready(function(){

var i=0;
var quantiLi = 10;

jQuery(“.focus li”).each(function (i) {
i = i+1;
jQuery(this).addClass(“focus”+i);

});

// quantiLi = jQuery(“.menu.nav.focus li”);

console.log( quantiLi );
var n = 1
jQuery(“span.asn”).click(function() {

// console.log( “ready!focus” ); il primo sparisce

jQuery(“.menu.nav.focus > li:nth-child(“+ n +”)”).addClass(“hide”);
n=n+1;
});
jQuery(“span.adx”).click(function() {

//console.log( “ready!focus” );

jQuery(“.menu.nav.focus > li:nth-child(“+ n +”)”).removeClass(“hide”);
n=n-1;
});

});

MIGLIORIA dinamica:


/*questo fa scorrere i focus */

jQuery(document).ready(function(){

var i=0;

jQuery(“.focus li”).each(function (i) {
i = i+1;
jQuery(this).addClass(“focus”+i);

});

jQuery( “.focus li” ).last().addClass( “ultimo” );

var listItem = jQuery( “.ultimo” );
var quantiLi = listItem.index( “.focus li” )-3;/*dinamico!!*/
console.log( quantiLi );

var n = 1

jQuery(“span.asn”).click(function() {

// console.log( “ready!focus” ); il primo sparisce
if(n <= quantiLi){ jQuery(“.menu.nav.focus > li:nth-child(“+ n +”)”).addClass(“hide”);
n=n+1;
}

else{
n = quantiLi;
}

});

jQuery(“span.adx”).click(function() {
//console.log( “ready!focus” );
if(n >= 0){
jQuery(“.menu.nav.focus > li:nth-child(“+ n +”)”).removeClass(“hide”);
n=n-1;
}
else{
n=1;
}

});

});