在HTML中，我们可以使用JavaScript来操作元素并实现打开每个嵌套的元素的功能。下面是一个示例代码：

HTML代码：

  

    
Row 1
  
  

    
Row 2
    

      

        
Nested Row 1
      
      

        
Nested Row 2
      
    
  
  
    Row 3
  

JavaScript代码：

// 获取包含所有元素的数组
var rows = document.querySelectorAll('#myTable tr');

// 遍历每个元素
rows.forEach(function(row) {
  // 为每个元素添加点击事件监听器
  row.addEventListener('click', function() {
    // 获取当前元素下的所有嵌套元素
    var nestedRows = this.querySelectorAll('tr');
    
    // 遍历每个嵌套元素
    nestedRows.forEach(function(nestedRow) {
      // 检查当前嵌套元素的display属性
      if (nestedRow.style.display === 'none') {
        // 如果display属性为none，则将其设为默认值
        nestedRow.style.display = '';
      } else {
        // 否则，将其设为none来隐藏
        nestedRow.style.display = 'none';
      }
    });
  });
});

通过以上代码，当点击每个元素时，它下面嵌套的元素将会被显示或隐藏，而不会影响到其他元素的显示状态。