How to style individual blocks in a carousel in javascript?

Question

css

https://jsfiddle.net/Vikkelas/L9kqhy74/19/

There is such a slider - tell me the algorithm for solving: you need to style the content of the slider so that the visible area of ​​​​the three sliders shows the signature only for the central one, that is, there were only pictures on the sides and in center picture with captions!? is it possible to add this code somehow?

Answer 1

add the hidden attribute to all links with the description-product class

items.forEach((item) => {
    item.style.minWidth = `${itemWidth}px`;
    item.querySelector('.description-product').hidden = true;
});

and remove it only where you need to show the description (hidden = false), that is, for the central image