$(document).ready(function () {
  const $accordions = $(".accordion .toggle");
  const $images = $(".accordian-images .accordian-image");

  function hideAllImages() {
    $images.hide();
  }

  function activateImage(index) {
    hideAllImages();
    $images.eq(index).show(); // Show the corresponding image
  }

  $accordions.each(function (index) {
    $(this).on("click", function () {
      $accordions.removeClass("active");
      $(this).addClass("active");

      const $innerContent = $(this).next(".inner");
      const isVisible = $innerContent.hasClass("fade-up");

      $(".accordion .inner").removeClass("fade-up").hide(); // Hide all inner contents

      if (!isVisible) {
        $innerContent.show();
        setTimeout(() => $innerContent.addClass("fade-up"), 10); // Add fade-up effect
      }

      activateImage(index);
    });
  });

  // Initialize: Show the first image and first accordion content
  $accordions.first().addClass("active");
  const $firstInner = $(".accordion .inner").first();
  $firstInner.show();
  setTimeout(() => $firstInner.addClass("fade-up"), 10);
  activateImage(0);
});

$(document).ready(function () {
  const $tabs = $(".tabs .tab-item");
  const $tabLinks = $(".tabs .tab-link");
  const $descriptionPanes = $(".content-wrapper .tab-content .tab-pane");
  const $imagePanes = $(
    ".accordian-images-mobile-wrap .tab-content .tab-pane.img-moible-tab"
  );

  function hideAllPanes($panes) {
    $panes.removeClass("active").hide(); // Hide all panes
  }

  function activateTab(index) {
    hideAllPanes($descriptionPanes);
    hideAllPanes($imagePanes);

    // Show the corresponding description pane
    $descriptionPanes.eq(index).addClass("active").show();

    // Show the corresponding image pane
    $imagePanes.eq(index).addClass("active").show();
  }

  $tabLinks.each(function (index) {
    $(this).on("click", function () {
      $tabs.removeClass("active");
      $tabs.eq(index).addClass("active");

      activateTab(index);
    });
  });

  // Initialize: Show the first tab's content and image
  activateTab(0);
});