如何隐藏除第一个博客页面以外的其他博客页面的滑块？

.blog-container {
  overflow: hidden;
}

// 获取导航链接元素
var navLinks = document.querySelectorAll('.nav-link');

// 监听导航链接的点击事件
navLinks.forEach(function(link) {
  link.addEventListener('click', function() {
    // 移除所有博客页面的滑块隐藏样式
    document.querySelectorAll('.blog-container').forEach(function(container) {
      container.classList.remove('hidden');
    });

    // 隐藏除当前页面以外的其他博客页面的滑块
    var targetPage = this.getAttribute('data-target');
    document.querySelectorAll('.blog-container:not(' + targetPage + ')').forEach(function(container) {
      container.classList.add('hidden');
    });
  });
});