Getting Html Table Row Position And Showing Div Next To It

I've managed to show

which contains a relevant image to the table row, but I want my

to appear next to the clicked row like this: In this example, when use

Solution 1:

Here is an example to get you started using jQuery - http://jsfiddle.net/CtWSf/

$('td').click(function(e){
    var currentPosition = $(this).offset();
    $('.results').html(currentPosition.top);
});

For this markup -

<table><tr><td>1</td></tr><tr><td>2</td></tr><tr><td>3</td></tr><tr><td>4</td></tr><tr><td>5</td></tr></table><divclass="results"></div>

Share