javascript - 使用带有文本显示的 Jquery 切换文本

标签 javascript jquery html css toggle

我正在使用 Jquery 切换某些 P 标签的显示。单击“更多”时,将显示所有文本。我希望点击监听器在显示内容时说“Less”。此时它一直说“更多”。我需要在切换时将“更多”更改为“更少”。我已经能够通过删除允许显示和隐藏文本的类来实现这一点,但这违背了目的,因为这正是我关心的功能。

工作文本显示:

http://jsfiddle.net/5UgfH/

工作更多/更少切换:

http://jsfiddle.net/LKJ5N/

<p> Please Help </p>

提前致谢。

最佳答案

只需注释掉 h3 隐藏逻辑(来自您的第一个 fiddle ):

 //$("#moretext").click(function () {
 //    $('h3', this).toggle();
 //});

检查这是否有效:http://jsfiddle.net/5UgfH/1/

关于javascript - 使用带有文本显示的 Jquery 切换文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18261997/

相关文章:

javascript - 使用 react-router 链接到其他组件

javascript - 当数组已满时,Ajax 发送数组

jquery - 调试并绕过禁用网页上的文本选择

jquery - 为什么在此代码段中悬停状态下宽度没有改变

javascript - jQuery html() 在 IE9 中运行不佳

jquery - 与数据表功能交互后表清空

javascript - 函数中的 React useState 方法无法按预期工作

php - 将多个结果插入数据库 PHP

html - html 中的超链接不适用于嵌入式代码

javascript - 访问者如何通过文本字段向菜单添加选项?