显示和隐藏与它不相反

时间:2017-11-15 16:57:49

标签: javascript jquery

我有功能显示和隐藏,我想要显示300行,当你按下更多它应该显示文本的其余部分,但它不是相反的,这意味着它显示所有文本,当你点击在更多它显示更少。

1 个答案:

答案 0 :(得分:1)

你需要为“showcontent”类指定一个“display:none;”的初始样式,然后每个东西都应该按预期工作。

var html = firstcontent + '<p class="showcontent" style="display:none;">' + secondcontent + '</p><a href="" class="morebtn">' + show_more + '</a></p>';

工作演示: https://jsfiddle.net/48r998f6/