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

Question

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

альтернативный текст http://shup.com/Shup/330969/1104593215-My-Desktop.png

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

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

альтернативный текст 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);