阅读更多弹出窗口,显示整个内容 - HTML

时间:2014-07-21 08:56:16

标签: javascript jquery html css popup

我设计了一些静态HTML页面,其中一个页面是关于团队成员及其描述。每个描述大约有三个段落。我只需要显示最初附加了readmore链接的前200个字符。当用户点击它时,我希望其余的内容在弹出窗口中打开或附加在视口中...我无法找到一种方法。你能告诉我一个方法吗?有可能用css做到吗?或者我应该使用jQuery?如果...请给我演示一个演示。

这是一个解释的小提琴:

这是段落:

<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的剩余内容。我不是一个网络开发者。请帮我弄清楚方法。如果它的Jquery或javascript向我展示了一个带有JsFiddle的演示:http://jsfiddle.net/N9HUA/

1 个答案:

答案 0 :(得分:0)

我会建议其中一个选项:

  1. 如果您想要更多自定义:jQuery UI Show Efect
  2. 如果您希望所有内容都有条理:jQuery UI Accordion Widget