gpt4 book ai didi

javascript - 阅读更多显示全部内容的弹出窗口 - HTML

转载 作者:行者123 更新时间:2023-11-28 09:57:18 25 4
gpt4 key购买 nike

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

这里有一个 fiddle 来解释:

这是段落:

<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. 如果您想要更多定制:jQuery UI Show Efect
  2. 如果您希望一切井井有条:jQuery UI Accordion Widget

关于javascript - 阅读更多显示全部内容的弹出窗口 - HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24861119/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com