Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

114
Views
how to do create a slick slider which on click display the child slider

so i was creaing a category slider but i am new to js and jquery i tried all way but not able to add a click event to image to replace div content when its clicked i have attached the step images below

step 1 initial slider [1]: https://i.stack.imgur.com/LLifb.png

step 2 if i click on any of the tile its child will be visible [2]: https://i.stack.imgur.com/pZkcD.png

can any one help in creating html css js code for this

  <div class="banner-slider">
              
                <div class="slider slider-nav ">
                    <div class="thumbnail-image">
                        <div class="thumbImg">
                            <img src="img/Icons/shower.svg" alt="slider-img">
                        </div>
                        <span>SHOWER</span>
                    </div>
                    <div class="thumbnail-image">
                        <div class="thumbImg">
                            <img src="img/Icons/commode.svg" alt="slider-img">
                        </div>
                        <span>COMMODE</span>
                    </div>
                    <div class="thumbnail-image">
                        <div class="thumbImg">
                            <img src="img/Icons/water-faucet.svg" alt="slider-img">
                        </div>
                        <span>WATER FAUCET</span>
                    </div>
                    <div class="thumbnail-image">
                        <div class="thumbImg">
                            <img src="img/Icons/wash-basin.svg" alt="slider-img">
                        </div>
                        <span>WASH BASIN</span>
                    </div>
                    <div class="thumbnail-image">
                        <div class="thumbImg">
                            <img src="img/Icons/water-faucet.svg" alt="slider-img">
                        </div>
                        <span>WWATER FAUCET</span>
                    </div>
                    
                    
                    
                     </div>
                </div>

//js part not able to do

about 4 years ago · Santiago Gelvez
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!