16 lines
No EOL
943 B
HTML
16 lines
No EOL
943 B
HTML
<script>
|
|
|
|
var elements = document.querySelectorAll('p');
|
|
Array.prototype.forEach.call(elements, function(el, i){
|
|
if(el.innerHTML=='[expand]') {
|
|
var parentcontent = el.parentNode.innerHTML.replace('<p>[expand]</p>','<div class="expand" style="display: none; height: 0; overflow: hidden;">').replace('<p>[/expand]</p>','</div>');
|
|
el.parentNode.innerHTML = parentcontent;
|
|
}
|
|
});
|
|
|
|
var elements = document.querySelectorAll('div.expand');
|
|
Array.prototype.forEach.call(elements, function(el, i){
|
|
el.previousElementSibling.innerHTML = el.previousElementSibling.innerHTML + '<span>.. <a href="#" style="cursor: pointer;" onclick="this.parentNode.parentNode.nextElementSibling.style.display = \'block\'; this.parentNode.parentNode.nextElementSibling.style.height = \'auto\'; this.parentNode.style.display = \'none\';">read more →</a></span>';
|
|
});
|
|
|
|
</script> |