AnsweredAssumed Answered

'Read more...' expandable/collapsible text

Question asked by rmcdonald_immapusa on Jul 10, 2018
Latest reply on Jul 22, 2018 by rmcdonald_immapusa

Hi! I have a Map Journal project where I would like to allow a 'read more...' button to to expand additional text for a particular section. Is this possible without having to change the template and self-host it? Could this CSS and HTML functionality be white-listed for use?

ie:

 

<style>

details {
border: 0px solid #aaa;
border-radius: 4px;
padding: .5em .5em 0;
}

summary {
font-weight: bold;
margin: -.5em -.5em 0;
padding: .5em;
}

details[open] {
padding: .5em;
}

details[open] summary {
border-bottom: 0px solid #aaa;
margin-bottom: .5em;
}

</style>

 

<div>
<p> A summary with a little bit of text.</p>

<p>
<details>
<summary>Additional details...</summary>Details, with a lot more text.</details>
</p>

</div>

Outcomes