https://cdn.www.toddleapp.com/wp-content/themes/toddleapp/Toddleap…/acr-tabs-script.js?v=1790231827

1$(document).ready(function() {
2    $('#acr-tabs-container .tab-a-content').find('.description').hide();
3    $('#acr-tabs-container .tab-a-content').find('.act-title').hide();
4    
5    $('#acr-tabs-container .tab-a-content:first').addClass('active').find('.description').show();
6    $('#acr-tabs-container .tab-a-content:first').addClass('active').find('.act-title').show();
7    $('#acr-tabs-container .tab-a-content:first').addClass('active').find('.def-title').hide();
8
9    var initialImage = $('#acr-tabs-container .tab-a-content:first').data('image');
10    $('#acr-display-image').attr('src', initialImage);
11
12    $('#acr-tabs-container .tab-a-content').click(function() {
13        $('#acr-tabs-container .tab-a-content').removeClass('active').find('.def-title').show();
14        $('#acr-tabs-container .tab-a-content').removeClass('active').find('.act-title').hide();
15        $('#acr-tabs-container .tab-a-content').find('.description').slideUp(600);
16
17        // If the clicked tab is already active, do nothing
18        if ($(this).hasClass('active')) return;
19
20        // Make the clicked tab active
21        $(this).addClass('active');
22        
23        // Hide def-title and show act-title for the active tab
24        $(this).find('.def-title').hide();
25        $(this).find('.act-title').show();
26
27        $(this).find('.description').slideDown(600);
28
29        var imgSrc = $(this).data('image');
30        $('#acr-display-image').fadeOut(300, function() {
31            $(this).attr('src', imgSrc).fadeIn(300);
32        });
33    });
34});