JSFiddle - React, Tailwind, and code Playground
HTML
<div id="testID">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam egestas lobortis mi, quis convallis arcu interdum id. Nunc velit justo, congue ac vestibulum eu, sodales sed nulla. Nam semper egestas nunc, placerat suscipit lorem fringilla sit amet. Etiam id metus quis tellus luctus rhoncus id at eros. Mauris eleifend tempor sodales. Proin dictum tincidunt dapibus. Aenean nec sem sit amet erat hendrerit facilisis. Vivamus ut suscipit massa. Curabitur congue mattis velit vitae bibendum. Fusce a arcu ut diam consequat vestibulum et ac nisl. In ultrices scelerisque lectus vel congue. Nam non semper nibh.</p>
<p>Curabitur a velit eu lacus vestibulum vehicula. Proin mi velit, tempor quis convallis vulputate, adipiscing eu diam. Donec id risus vitae nulla varius condimentum. Quisque vitae sem mauris. Fusce non lobortis orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam eget accumsan nulla. Suspendisse urna leo, rhoncus ut congue ac, consectetur sit amet enim. Integer sed venenatis nulla. Curabitur vel nisi vitae nisl euismod condimentum id id turpis. Proin ultricies tortor in dolor luctus nec dictum quam iaculis. Aliquam lacinia bibendum massa, at imperdiet dolor pretium vel. Nulla sed ipsum sit amet arcu rhoncus feugiat. Sed aliquet tincidunt purus, in consectetur elit fringilla vitae. Suspendisse nulla nisl, placerat sed dictum sed, ornare ac libero.</p>
<p>Donec euismod, dui aliquam vestibulum rutrum, urna ipsum luctus justo, in eleifend tellus ligula et elit. Morbi gravida lacinia magna quis faucibus. Duis arcu ligula, euismod sed ornare quis, posuere ac quam. Sed orci metus, pretium ut blandit sed, ullamcorper in eros. Mauris at euismod diam. Quisque auctor congue erat et varius. Nulla odio orci, convallis non fringilla vel, hendrerit eget ipsum. Aenean nec augue vestibulum turpis varius elementum at vitae orci. Etiam ultricies dolor sed dui luctus nec hendrerit ante semper. Aenean...
CSS
body {
font-family: Tahoma, Arial, Verdana;
font-size: 14px;
line-height: 18px;
}
JavaScript
$(document).ready(function() {
var cutCount = 2;
$("#testID p").each(function (i) {
i++;
if(i == cutCount) {
$(this).append(' <a href="javascript:void(1)" onclick="$(\'#testID p\').show(); $(this).hide()">Read more</b>')
}
if(i > cutCount) {
$(this).hide();
}
});
});