Question

I have the following javascript

$('.goto1').click(function() { 
    $('#mttslider').cycle(0); 
    return false; 
}); 

What I would like is for it to repeat like so:

$('.goto1').click(function() { 
    $('#mttslider').cycle(0); 
    return false; 
}); 

$('.goto2').click(function() { 
    $('#mttslider').cycle(1); 
    return false; 
}); 

$('.goto3').click(function() { 
        $('#mttslider').cycle(2); 
        return false; 
    }); 

etc...

This is so that I can get every trigger – .goto(n) – to trigger the cycle function.

Any help would be much appreciated!

Answer 1

$('[class^=goto]').click(function() { 
    var index = parseInt( this.className.replace('goto',''), 10 );
    $('#mttslider').cycle(index); 
    return false; 
}); 

This will works if you element has no class except goto1, goto2 etc.