如何在循环中按下按钮打开单张卡片内的div

<div class="card">
  <button id="btn1">打开卡片1</button>
  <div id="card1" style="display: none;">
    <!-- 卡片1的内容 -->
  </div>
</div>

<div class="card">
  <button id="btn2">打开卡片2</button>
  <div id="card2" style="display: none;">
    <!-- 卡片2的内容 -->
  </div>
</div>

<!-- 更多卡片... -->

$(document).ready(function() {
  // 给按钮添加点击事件监听器
  $('#btn1').click(function() {
    // 切换卡片1的div显示/隐藏状态
    $('#card1').toggle();
  });

  $('#btn2').click(function() {
    // 切换卡片2的div显示/隐藏状态
    $('#card2').toggle();
  });

  // 更多按钮和卡片的处理...
});