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

【问题标题】：How to make this toggle effect possible?如何使这种切换效果成为可能？
【发布时间】：2010-05-05 18:13:54
【问题描述】：

默认条件

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

点击站点地图链接后

如何编写 HTML 以在单击站点地图链接后获取站点地图树之后的页脚链接？

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

【问题讨论】：

标签： javascript jquery css xhtml

【解决方案1】：

Jquery show 和 hide 是你的朋友。或者，更简单的解决方案是使用toggle！

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

【讨论】：

在什么方面？造型？还是简单地构造html？
当用户点击 sitamap 按钮时，页脚的链接应该在站点地图树下移动
创建 2 列。右侧是站点地图链接，左侧是站点地图（div）和页脚链接（p 标签）。给列固定宽度，并将每一列向左或向右浮动。让我知道这是否有帮助！

【解决方案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);

【讨论】：

但点击后我需要站点地图底部的页脚链接。
就像我说的，使用 CSS 来按你的意愿布置元素；这是处理实际显示/隐藏的 JavaScript 代码。