Hi all,

JQuery noobie here - i'm trying to make a pager using radio buttons with the JQuery Cycle pageAnchorBuilder.

The transitions all seem to work ok, except but it is not possible to select a radio button. Any help much appreciated!

Cheers

Here is my JavaScript code:

$('.products').cycle({
    fx: 'scrollHorz',
    speed:  300,
    timeout: 0,
    pager: '#nav',

    pagerAnchorBuilder: function(idx, slide) {
     return '#nav input:eq(' +idx +')';

} 
});

HTML is here:

<ul id="nav">
    <li><input type="radio" name="style" id="style1" value="Style 1" /><label for="style1">Style 1</label></li>
    <li><input type="radio" name="style" id="style2" value="Style 2" /><label for="style2">Style 2</label></li>
    <li><input type="radio" name="style" id="style3" value="Style 3" /><label for="style3">Style 3</label></li>
</ul>