如何使这种切换效果成为可能？

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（使用ID #sitemap标记站点地图，使用ID #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);