在視覺上吸引人的時尚長文本？

Question

正如您在下面的圖片中看到的，我的文本顯示在「相對較小」的DIV中。目前，用戶可以在DIV中向下滾動閱讀全文，但我不太喜歡這種解決方案，我正在尋找更具視覺吸引力的東西。 在這種情況下你會建議什麼？喜歡的東西隱藏/顯示的DIV當用戶在「文本部分2」，「文本部分3，等單擊？ 非常感謝

Answer 1

使用jQueryUI的摺疊菜單http://api.jqueryui.com/accordion/ 引導也有一個
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> 

這是引導手風琴的代碼，我認爲它看起來比jQueryUI的一個更好的，你需要下載引導，使這項工作

Answer 2

使文本區域更像書本翻頁 - 就像一個閱讀界面。

查閱這些jQuery的例子：Examples/Ideas

看看這個HTML5例如：Examples/Ideas