0

我有一堆<div>显示名称的元素。我想+在每个链接旁边添加一个链接<div>，单击该链接会展开<div>并添加更多详细信息（来自 RoR 控制器）。

在网上四处寻找之后，我找到了link_to_remote相关的 RoR 东西，但我似乎无法找到正确的组合来协同工作。有人可以指点我一个教程或展示控制器和视图交互应该是什么样子吗？

谢谢！

4

1 回答 1

0

在下面的示例中，您可以使用 Javascript 轻松完成此操作：

<html>
<head>
<title>Text Page</title>
<script language="Javascript">
  function toggleDiv(divid) {
    if (document.getElementById(divid).style.visibility == 'hidden') {
      document.getElementById(divid).style.visibility = 'visible';
    }
    else {
      document.getElementById(divid).style.visibility = 'hidden';
    }
  }
</script>
</head>
<body>
  <span onClick="toggleDiv('div1');" style="cursor:pointer;">+</span>
  <div id="div1" style="visibility:hidden;">This is DIV 1</div>
  <span onClick="toggleDiv('div2');" style="cursor:pointer;">+</span>
  <div id="div2" style="visibility:hidden;">This is DIV 2</div>
</body>
</html>

如果将 DIV 的初始可见性设置为隐藏，则可以使用toggleDiv上面显示的功能来切换给定 ID 的任何 DIV 的可见性。您可能需要调整 DIV 的样式定义以显示在加号旁边（<TD>'s例如，将它们放在表格中的相邻位置），但我想我会保持简单。

祝你好运。

于 2010-06-16T18:32:17.330 回答