Creating a “read more” link that extends the content on the page

Question

I would like to create a read more link that would extend a paragraph already being shown to reveal the entire text on the same page. If this could be solves with HTML5 and

Answer 1

You can do it, change the property of CSS via Javascript.

element.style.display = 'block';

JS code

function read_more() {
document.getElementById('hidden-first').style.display = 'block';
}

document.getElementById('read-more').addEventListener('click', read_more);

See this code on JSfiddle