Javascript HTML-如何制作一个；阅读更多“；按钮

在我的网站上，我有我的博客，我希望每张卡片上都有一个“阅读更多”按钮。我特别希望它在折叠时只显示

x

单词（而不是字符），然后在展开时显示整个文本。我不想有一个按钮，需要到另一个网页，有完整的内容，因为我使用我自己建立的CMS的自动添加从一个表单的帖子

我试过readmore.js，但似乎根本不起作用。它什么也不做。我还尝试了jQuery.dotdot，它似乎也不起作用

这是一件非常奇怪的事情，我一直没有弄明白。我所看到的问答对我没有任何帮助。

阅读更多信息

把课文的其余部分放在这里
//

函数myFunction（）{
var dots=document.getElementById（“dots”）；
var moreText=document.getElementById（“更多”）；
var btnText=document.getElementById（“myBtn”）；
如果（dots.style.display==“无”）{
dots.style.display=“inline”；
btnText.innerHTML=“阅读更多”；
moreText.style.display=“无”；
}否则{
dots.style.display=“无”；
btnText.innerHTML=“少读”；
moreText.style.display=“inline”；
}
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。不可抗拒的饮食、不可抗拒的饮食、不可抗拒的生活……不可忍受的痛苦。梅塞纳斯·尼尔斯·埃斯特、尤特丽斯·内克·康格·埃吉特、维塔·马萨拍卖行。前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。在自由女神维尼那提斯统治下的奥纳雷·图皮斯（ornare turpis）。不要因为怀孕而失去生命。不发酵整粒玉米粥。枕侧颞门

阅读更多信息

.装载机1{
职位：继承；
顶部：继承；
左：0；
右：0；
文本对齐：居中；
z指数：1；
宽度：50px；
高度：50px；
保证金：自动；
}
.装货工1：以前{
内容：''；
显示：块；
填充顶部：200%；
}
.通告1{
-webkit动画：旋转2s线性无限；
动画：旋转2s线性无限；
身高：100%；
-webkit变换原点：中心；
-ms变换原点：中心；
变换原点：中心；
宽度：100%；
职位：继承；
排名：0；
底部：0；
左：0；
右：0；
保证金：自动；
}
.path1{
笔划阵列：1200；
笔划偏移：0；
-webkit动画：破折号1.5s轻松输入输出无限，颜色6s轻松输入输出无限；
动画：破折号1.5s缓进缓出无限，颜色6s缓进缓出无限；
笔划线头：圆形；
}
@-webkit关键帧
轮换{100%{
-webkit变换：旋转（360度）；
变换：旋转（360度）；
}
}
@关键帧
轮换{100%{
-webkit变换：旋转（360度）；
变换：旋转（360度）；
}
}
@-webkit关键帧
破折号{0%{
笔划阵列：1200；
笔划偏移：0；
}
50% {
行程：89200；
行程偏移：-35；
}
100% {
行程：89200；
行程偏移：-124；
}
}
@关键帧
破折号{0%{
笔划阵列：1200；
笔划偏移：0；
}
50% {
行程：89200；
行程偏移：-35；
}
100% {
行程：89200；
行程偏移：-124；
}
}
@-webkit关键帧
颜色{100%，0%{
行程：#d62d20；
}
40% {
行程：#0057e7；
}
66% {
行程：#008744；
}
80%, 90% {
行程：#ffa700；
}
}
@关键帧
颜色{100%，0%{
行程：#d62d20；
}
40% {
行程：#0057e7；
}
66% {
行程：#008744；
}
80%, 90% {
行程：#ffa700；
}
.myDiv1{
显示：无；
}
洛德莫雷克斯先生{
位置：绝对位置；
左：0；
右：0；
文本对齐：居中；
z指数：1；
保证金：自动；
颜色：#fff！重要；
字母间距：04px；
文字装饰：无；
背景：#00aeef；
填充：10px；
宽度：15%；
边界半径：5px；
显示：内联块；
边界：无；
转换：所有0.4s到0；
}
.loadmorex:悬停{
背景#4343；
字母间距：1px；
-网络工具包盒阴影：0px 5px 40px-10px rgba（0,0,0,0.57）；
-moz盒阴影：0px 5px 40px-10px rgba（0,0,0,0.57）；
盒影：5px40px-10pxRGBA（0,0,0,0.57）；
转换：所有0.4s到0；
}
您好，我们已经加载了第1部分
段落是写作中论述特定观点或观点的独立单元。段落由一个或多个句子组成。尽管任何语言的语法都不要求段落，但段落通常是正式写作的预期部分，用于组织较长的散文。维基百科ation
您好，我们已经加载了第1部分
段落是写作中论述特定观点或观点的独立单元。段落由一个或多个句子组成。尽管任何语言的语法都不要求段落，但段落通常是正式写作的预期部分，用于组织较长的散文。维基百科反倾销

加载..
您好，我们已经加载了第1部分
段落是写作中论述特定观点或观点的独立单元。段落由一个或多个句子组成。尽管任何语言的语法都不要求段落，但段落通常是正式写作的预期部分，用于组织较长的散文。维基百科ation
您好，我们已经加载了第1部分
段落是写作中论述特定观点或观点的独立单元。段落由一个或多个句子组成。尽管任何语言的语法都不要求段落，但段落通常是正式写作的预期部分，用于组织较长的散文。维基百科电离

加载更多







var-myVar；
函数myFunction（）{
//在按钮上，单击下面的行显示加载器：
document.getElementById（“loader1”）.style.display=“block”；
//在按钮上，单击“隐藏”按钮下面的行：
document.getElementById（“hideme”）.style.display=”