I have a “load all” script in jQuery. Inside this div, I have a bunch of headings, paragraphs, tables, basic HTML. The problem is, when you click on “load all”, that HTML is stripped. How do I make it so that the information is retained?
causes some problem where it shortens only the first paragraph to 300 characters and then displays all the rest.
My solution has a problem where the closing p tag is still used after 300 characters. To get around the paragraph space this would cause when displaying **’.morecontent’** I’ve targeted the first p tag to **display: inline**. For this example I also made the ‘.morelink’ display:block to drop it below the text.