I would greatly appreciate if somebody will help me.
Si I am trying to make a web page with 3 tabs “London, New York, Shanghai”.
On load all is hidden, only “welcome” page is visible.
I Implemented a carousel for images for “London” and it works as intended, but when I tried to copy-and-paste js code for the page and rename all variables for New York, it worked but now
New York Carousel is in display:block for some reason, when it has to be in display:none by default (in CSS).
And this New Work carousel is on other pages as well.
It has tailwind in it as well but I don’t think the problem is in it.
https://github.com/Nikita0x/Nikita0x.github.io/tree/main/cities
I have checked everything meticulously, there should not be any typos, unclosed tags and all cases match. I can’t wrap my mind around it, i was trying to copy this – https://www.w3schools.com/howto/howto_js_slideshow.asp
but it is as if .mySlides_ny {display:none} is ignored