Podem fer un “llegir més” en Javascript amb aquest codi HTML (compatible amb Bootstrap):
<div class="content-wrap">
<div class="container center clearfix">
<h2>Encapçamanent principal</h2>
<p>Text introductori. </p>
<a role="Més informació" title="Més informació" id="displayText" href="javascript:toggle();" class=""><h4>Més informació</h4></a>
<div id="toggleText" style="display: none">
<h2> Més encapçalaments </h2>
<p>Més text, ara ocult </p>
<h2> Més encapçalaments 2 </h2>
<p>Més text.... </p>
</div>
</div>
</div>
I el següent codi Javascript, que podem inserir abans de l’etiqueta </body> :
<script src="js/functions.js"></script>
<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "<h4>Més informació</h4>";
}
else {
ele.style.display = "block";
text.innerHTML = "<h4>Amagar</h4>";
}
}
</script>