css slide using javascript

Hi,
i was trying to make a slide, and make that when i press a link that is in the slide, it would go until it reaches that page !
i tried to do so with the following code:

function slideTo(i){

var currslider = checkSlider();
for (;currslider != i?{
if (currslider == 1){
setTimeout(slideNext(),1000);
currslider = 2;
}else if (currslider == 2){
setTimeout(slideNext(),1000);
currslider = 3;
}else if (currslider == 3){
setTimeout(slideNext(),1000);
currslider = 4;
}else if (currslider == 4){
setTimeout(slideNext(),1000);
currslider = 1;
}
}
}

but it did not work, instead it only slides once forward ! ?
the checkslider() and slidenext() functions are working, i just cant make it slide all the way !
i inserted the timeout cause i thought the code could be running and not having the time to update in the css, but even with that it blocks after 1 slide!

Also in #JavaScript _↴