<script type="text/javascript">$('td a').click(function() {
$('<span>' + '2011' + '</span>').replaceWith($('<a>' + '2011' + '</a>').attr('href','#2011'));
$('<span>' + '2010' + '</span>').replaceWith($('<a>' + '2010' + '</a>').attr('href','#2010'));
$('<span>' + '2009' + '</span>').replaceWith($('<a>' + '2009' + '</a>').attr('href','#2009'));
$('<span>' + '2008' + '</span>').replaceWith($('<a>' + '2008' + '</a>').attr('href','#2008'));
$(this).replaceWith('<span>' + $(this).text() + '</span>');
});</script>
Есть 4 ссылки
2011, 2010, 2009, 2008
Я хочу сделать, чтобы при клике по ссылке она становилась не активной, то есть менялась на строку.
А при клике по другой ссылке, она бы снова становилась ссылкой и т.д.
Скрипт заменяет <a> на <span>, а обратно не возвращает.
Может проще это сделать перемещением элементов в невидимый див(dettach, append)?