如何在ajax选项卡上设置简单淡入/淡出效果

.tab-content {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

// 获取所有选项卡的内容区域
var tabContents = document.querySelectorAll('.tab-content');

// 监听选项卡的点击事件
document.querySelectorAll('.tab').forEach(function(tab) {
  tab.addEventListener('click', function() {
    // 隐藏所有选项卡的内容区域
    tabContents.forEach(function(content) {
      content.style.opacity = 0;
    });

    // 显示当前选中选项卡的内容区域
    var targetContent = document.querySelector(this.dataset.target);
    targetContent.style.opacity = 1;
  });
});