如何在cytoscape js中只显示第一个深度？

var cy = cytoscape({
  container: document.getElementById('cy'), // 指定图形容器的DOM元素
  elements: yourData // 加载图形数据
});

cy.layout({
  name: 'grid' // 使用网格布局算法
}).run();

var firstDepth = 1; // 第一个深度

cy.nodes().forEach(function(node) {
  var depth = node.depth(); // 获取节点的深度

  if (depth === firstDepth) {
    node.show(); // 显示第一个深度的节点
  } else {
    node.hide(); // 隐藏其他深度的节点
  }
});

cy.style().selector('node').style({
  'background-color': 'red', // 设置节点背景颜色为红色
  'border-color': 'black', // 设置节点边框颜色为黑色
  'border-width': '2px' // 设置节点边框宽度为2像素
}).update();