Read more/read less function is gone

[aBox_Agency]

Hello @PernillaH

You can use below code.

<div id="product-description" class="product-description">
    {{ product.description }}
</div>
<button onclick="myFunction()" class="read-button" id="read-more">Read More</button>
<button onclick="myFunction1()" class="read-button d-none" id="read-less">Read Less</button>
<script>
    function myFunction1() {
        var element = document.getElementById("product-description");
        element.classList.remove("mystyle");

        var readmore = document.getElementById("read-more");
        var readless = document.getElementById("read-less");

        readless.classList.add("d-none");
        readmore.classList.remove("d-none");
    }
    function myFunction() {
        var element = document.getElementById("product-description");
        element.classList.add("mystyle");

        var readmore = document.getElementById("read-more");
        var readless = document.getElementById("read-less");

        readless.classList.remove("d-none");
        readmore.classList.add("d-none");
    }
</script>

Thank You