Whats in this Video
- Add two columns section, one column has accordion and other has images
- Get accordion ids and add as class in each image
- Write a code to show/hide images based on accordion click
- Manage responsive layout
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>
