Tecnologia

Desenvolupat l'script

<script src="https://code.jquery.com/jquery-3.6.3.js&quot;&gt;&lt;/script>
<script type="text/javascript">

//SCRIPT MOLT IMPORTANT

var x = document.getElementsByClassName("boto");
        console.log(x);
        var i;
        for (i = 0; i < x.length; i++) {
        var tag = document.createElement('button');
         tag.style.position = "relative";
         tag.style.bottom = "0px";
         tag.style.backgroundImage = "url('paper.gif)";
         tag.style.left = "20px";
         tag.id=i;
         tag.innerText="Veure";
         tag.addEventListener("click", function () {
             $(this).html('Tancar'); 
             $('.collectionTreeChildList').removeClass('expandir');
             $(this).prev('.collectionTreeChildList').addClass('expandir');
             $('.collectionTreeChildList:not(.expandir)').css('display','none');
             $('.collectionTreeChildList:not(.expandir)').next('button').html('Veure'); 
             var y =  $('.collectionTreeChildList.expandir')[0];
              if (y.style.display === "block") {
              y.style.display = "none";
              y.classList.remove('expandir');
             $('button').html('Veure');     
             $('.collectionTreeChildList').not(".expandir").css('display','none'); 
            } else {
              y.style.display = "block";

}

});
        x[i].appendChild(tag);
        };
</script>