2014-07-21 69 views
0

我正在設計一些靜態HTML頁面,其中一個頁面是關於團隊成員及其描述。每個描述都是關於三個段落的。我只需要顯示最初附加了一個readmore鏈接的前200個字符。當用戶點擊它時,我想讓其餘的內容在彈出窗口中打開或在視口本身中追加...我無法找到一種方法來實現它。你能告訴我一個辦法嗎?是否有可能與CSS做到這一點?或者我應該使用jQuery?如果......請給我演示一下。閱讀更多顯示整個內容的彈出窗口 - HTML

這裏是一個小提琴解釋:

這是一段:

<div id = "paragraph"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius dictum nibh, in fringilla felis ornare et. Cras at rutrum libero. Morbi dignissim magna et condimentum laoreet. Sed sodales pretium quam vitae bibendum. Aenean congue urna in luctus facilisis. Maecenas molestie pretium orci in iaculis. Sed cursus elit at euismod tristique. Vestibulum vitae mauris ut ante cursus ornare non quis nibh. Quisque dictum lacus est, vitae tincidunt dui dapibus eu. Curabitur a convallis lectus. Donec ac tincidunt risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; </p> </div>

我需要僅向用戶顯示高達:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius dictum nibh, in fringilla felis ornare et. Cras at rutrum libero.然後read more鏈接接踵而至。

當用戶點擊鏈接時,我需要看到一個彈出窗口或顯示div的剩餘內容。我不是一個Web開發人員。請幫我弄清楚一個辦法。如果是jQuery的或JavaScript給我演示用是的jsfiddle:http://jsfiddle.net/N9HUA/

+0

你需要一些js來做到這一點... –

+0

jquery .......... –

+0

我不認爲他應該downvoted只是因爲他不知道使用哪種技術或技術......無論如何:在這裏閱讀初學者的文章可能會對你有所幫助,如果你不熟悉JS/jQuery(還):http://docs.webplatform.org/wiki/Main_Page –

回答