以下是一个简单的代码示例,用于创建可展开的产品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>

然后,您可以使用jQuery或JavaScript来添加一个点击事件,以便在单击问题时显示答案。以下是使用jQuery的示例:

<script>
  jQuery(document).ready(function($) {
    $('.question').click(function() {
      $(this).next('.answer').slideToggle();
    });
  });
</script>

这将在单击问题时显示/隐藏答案。您可以自定义样式和动画以满足您的特定需求。

wordpress中产品faq可以展开的表格代码

原文地址: https://www.cveoy.top/t/topic/bMQA 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录