Как сделать этот эффект переключения возможным?

Question

состояние по умолчанию

alt text http://shup.com/Shup/330969/1104593215-My-Desktop.png

После нажатия на ссылку сайта

Как писать HTML, чтобы получить колонтитула ссылки после дерева карты сайта при нажатии на ссылку сайта?

alt text http://shup.com/Shup/330973/110459357-My-Desktop.png

Answer 1

JQuery show и hide - ваши друзья. Или же еще проще использовать toggle!

$('#show_hide').click(function(){ 
    $("#links").toggle(); 
    return false; 
}); 

Answer 2

Стиль ссылки и карта сайта в макете, что вы хотите, а затем добавьте следующий JavaScript (помечать карты сайта с идентификатором #sitemap и связь с идентификатором #smLink):

function toggleSitemap() { 
    var sitemap = document.getElementById('sitemap'), 
     smLink = document.getElementById('smLink'); 
    smLink.innerHTML = (smLink.innerHTML == 'Sitemap -') ? 'Sitemap +' : 'Sitemap -'; 
    sitemap.style.display = (smLink.innerHTML == 'Sitemap -') ? 'block' : 'none'; 
} 
document.getElementById('smLink').addEventListener('click', toggleSitemap, false);