Question

I seem to be doing something wrong in the following code: http://jsfiddle.net/yunowork/qKj6b/1/

When you click next, the text within the span .hiddentext should be displayed in the span .showtext on top and correspond to the right Race (Rn). For example when R3 is highlighted the content of that .hiddentext “Race 3
Oregon 14:30″ should be displayed within the span .showtext.

This is the line where I make a mistake:

$('.showtext').text($('.hiddentext').first('td:first').text());

What am I doing wrong here?

Answer 1

It should be

$('.showtext').html($('.highlighted .hiddentext').html());

Similar for the prev link…

or even better, thanks to @balexandre:

$('.showtext').html($nextCol.find('.hiddentext').html());
$('.showtext').html($prevCol.find('.hiddentext').html());

Fiddle

Update to match @balexandre hint: Fiddle 2