WordPress 可展开产品 FAQ 表格代码示例

<table class='product-faq'>
  <thead>
    <tr>
      <th>问题</th>
      <th>答案</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class='question'>问题1</td>
      <td class='answer'>答案1</td>
    </tr>
    <tr>
      <td class='question'>问题2</td>
      <td class='answer'>答案2</td>
    </tr>
    <tr>
      <td class='question'>问题3</td>
      <td class='answer'>答案3</td>
    </tr>
  </tbody>
</table>
<script>
  jQuery(document).ready(function($) {
    $('.question').click(function() {
      $(this).next('.answer').slideToggle();
    });
  });
</script>
<p>该代码示例创建了一个简单的可展开 FAQ 表格，其中问题和答案分别位于不同的单元格中。当用户点击问题单元格时，答案单元格会以滑动方式显示或隐藏。您可以根据需要修改代码，例如添加更多问题和答案，更改样式和动画等。</p>
<p><strong>注意：</strong></p>
<ul>
<li>请确保您的 WordPress 主题已引入 jQuery 库。</li>
<li>此代码示例仅供参考，您可以根据自己的需求进行修改和调整。</li>
</ul>