长篇文章以视觉上吸引人的方式？

Question

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

Answer 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来使这项工作

Answer 2

使文本区域更像是翻阅页面的书 - 就像一个角落阅读界面。

查看这些jquery示例：Examples/Ideas

查看此HTML5示例：Examples/Ideas