show and hide doesn't the opposite of it

Question

我有显示和隐藏功能，我想显示300行，当您按更多时，它应该显示其余文本，但并非相反，这意味着它显示所有文本，并且在您单击更多时显示显示较少。

Answer 1

You need to assign "showcontent" class an initial style of "display:none;", then every thing should work as expected.

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

Working demo: https://jsfiddle.net/48r998f6/