How to Change Image on Accordion Click in Elementor

Code


    

<script>
jQuery(document).ready(function($){
    $(".accordion_img details").click(function(){
        
        var getid = $(this).attr("id");
        
        $(".img__change").removeClass("active");
        $("."+getid).addClass("active");
    });
});
</script>

<style>
  .img__change{
      opacity: 0;
      width: 100%;
      height: 100%;
  }
  .img__change.active{
     opacity: 1;   
  }
</style>


Recent Posts

  • All Posts
  • Complete Website Elementor Free
  • Elementor Essentials
  • Elementor Guides
  • Elementor Image Carousel
  • Elementor Layout
  • Elementor Unique Ideas
  • Elementor V4
  • Navigation & Menu
  • Wordpress
    •   Back
    • Elementor

Categories

Watch All Videos

Copyright © 2026 Web Bhavan.