Issue in using 2 sliders

Design help General
1

Hi there,

I am facing issue with using 2 sliders on a page.

Info:
1st slider have 2 slides
2nd slider have 15 slides

Goal: Show 1st slider first. When the user clicks on the 2nd slide of the 1st slider, I want to hide the 1st slider and show 2nd slider on the same location.

Issue: When the 1st slider is hidden and the 2nd slider is shown, in the 2nd slider, out of 15 slides, only 1 slide is appearing.

Please help.

2

It’s resolved!

It was creating issue as I was playing with display property (display:none and display:block).
It works by keeping both slider having display:block property and with parent having a height of 50% with overflow:hidden

Thanks!