just use
parentElement
and
childNodes
in javascript for dynamic event. In your button click event use
this
in your function or try the below answer. Use unique id for button
function myFunction(btn_id) {
var btnText = document.getElementById(btn_id.id);
var parentElem = btn_id.parentElement;
var childElemP = parentElem.childNodes;
var spanElem = childElemP[1].childNodes;
if (spanElem[1].style.display === "none") {
spanElem[1].style.display = "inline";
btnText.innerHTML = "Read more";
spanElem[2].style.display = "none";
} else {
spanElem[1].style.display = "none";
btnText.innerHTML = "Read less";
spanElem[2].style.display = "inline";
}
}
I updated your codepen click here to see this.
[
^]