Table Row Click, External Loading

Please view: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/ I want to do everything that the demo does, only using a table row cl

Solution 1:

add a table with an id, such as id='links'

like

<tableid='links'><tr><tdrel='index.html'>index</td>

and then change

$('#nav li a').click(function(){ //change the targeted elementvar toLoad = $(this).attr('href')+' #content'; //was the source of the URL we needed

to

$('#links tr td').click(function(){ //changed to the td inside a ID'd tablevar toLoad = $(this).attr('rel')+' #content'; //the rel attribute now holds that URL for us...