PK JRb` f-read-more.cccompPK ERlR
component.json
~{"UUID":"cfffc039-51fe-4b4e-863f-0f58a684a1fe","additional_states":{"Button":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Text":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Text Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3466","appId":"RSD","appVersion":3466,"buildNumber":5927,"component_resources":{"classes":3,"file_sizes_values":[0,0,0],"file_type_values":[0,0,0],"html_elements":0,"ids":3,"links_external":0,"links_internal":1,"local_files":0,"styled_breakpoints":""},"description":"Your component description","element_name":"Container","framework":"foundation","html":"
\nfunction myFunction() {\n var dots = document.getElementById("dots");\n var moreText = document.getElementById("more");\n var btnText = document.getElementById("moreLess");\n\n if (dots.style.display === "none") {\n dots.style.display = "inline";\n btnText.innerHTML = "Read more"; \n moreText.style.display = "none";\n } else {\n dots.style.display = "none";\n btnText.innerHTML = "Read less"; \n moreText.style.display = "inline";\n }\n}\n\" data-ce-custom-head=\"\" data-outline-closed=\"\">If you create a page with a lot of text, the page might get very long and hard to read on-screen. You can shorten such a long page by only displaying some key points right away. ... Maybe the full text is of interest only to some people, for example to those who are especially keen on the topic in question. By hiding some of the text you will not bore the ones who are just flying lightly over it. For those who do open the full text, it will also prove useful to be able to collapse it and go back to where they left off.