1

如下图所示，我的文本显示在“相对较小”的 DIV 中。目前，用户可以在 DIV 中向下滚动以阅读全文，但我不太喜欢这种解决方案，我正在寻找更具视觉吸引力的东西。在这种情况下你有什么建议？当用户单击“文本第 2 部分”、“文本第 3 部分等”时隐藏/显示 DIV 之类的东西？非常感谢 在此处输入图像描述

4

2 回答 2

1

使用 jqueryui 手风琴小部件http://api.jqueryui.com/accordion/ Bootstrap 也有一个
http://twitter.github.io/bootstrap/javascript.html#collapse

<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        Collapsible Group Item #1
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
        Collapsible Group Item #2
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
</div>

这是 bootstrap 手风琴的代码，我认为它看起来比 jqueryui 更好，您需要下载 bootstrap 才能使其工作

于 2013-05-05T18:54:17.920 回答
1

让文本区域更像一本书翻页——就像一个角落阅读界面。

查看这些 jquery 示例：示例/想法

查看这个 HTML5 示例：示例/想法

于 2013-05-05T18:54:43.660 回答