如何在单击图标时显示隐藏的行？

<!-- 点击的图标或元素 -->
<div id="icon">点击我</div>

<!-- 需要隐藏或显示的行 -->
<div class="row">隐藏的行</div>
<div class="row">隐藏的行</div>
<div class="row">隐藏的行</div>

// 获取图标元素和需要隐藏或显示的行元素
var icon = document.getElementById('icon');
var rows = document.getElementsByClassName('row');

// 给图标元素添加点击事件监听器
icon.addEventListener('click', function() {
  // 遍历需要隐藏或显示的行元素
  for (var i = 0; i < rows.length; i++) {
    var row = rows[i];
    // 判断行的当前状态
    if (row.style.display === 'none') {
      // 如果是隐藏的，则显示出来
      row.style.display = 'block';
    } else {
      // 如果是显示的，则隐藏起来
      row.style.display = 'none';
    }
  }
});