Mark found two problems on the page. One I believe is with the class of <button>
that’s inside the <header class="headerMidia">
the class is misspelled. The name would be active you typed wrong! See how it is there without the letter "C" activate <button class="ative btn btn-outline-info showCarousel" .... >
as I mentioned in the comment!
But the problem with Slider is that one of them, probably the "illustration" must be with display:none
, since I believe I know Javascript is using some kind of "toggleClass" or .css
to do this. However, one of the Slides should already start with the display:none
defined.
To better understand see in the images.
Original image with BUG, note that there is no defined dispaly and neither of the two Sliders
![inserir a descrição da imagem aqui](https://i.stack.imgur.com/0BUbw.jpg)
Now notice that when you click on the Buttons it starts to change the type of the Display between a Button and another!
![inserir a descrição da imagem aqui](https://i.stack.imgur.com/OURvu.jpg)
So just add display:none
in the second Slider for example for everything to work right, probably without having to touch the script you already have.
I don’t know if it will, but in
<button>
that’s inside the<header class="headerMidia">
the class is spelled wrong. The name would be active you misspelled! See how it is there, without the lyrics "C" activate<button class="ative btn btn-outline-info showCarousel" .... >
Although I don’t know if it will solve the main problem...– hugocsl