简单的详情页切换

可以使用 jQuery 来实现简单的详情页切换，以下是一个示例代码：

HTML:

<div class="detail-switch">
  <button class="btn-active" data-target="#detail1">商品详情</button>
  <button data-target="#detail2">规格参数</button>
  <button data-target="#detail3">售后保障</button>
</div>

<div class="detail-content">
  <div class="detail-item active" id="detail1">
    <p>这是商品详情内容</p>
  </div>
  <div class="detail-item" id="detail2">
    <p>这是规格参数内容</p>
  </div>
  <div class="detail-item" id="detail3">
    <p>这是售后保障内容</p>
  </div>
</div>

jQuery:

$('.detail-switch button').click(function() {
  // 切换按钮样式
  $(this).addClass('btn-active').siblings().removeClass('btn-active');
  
  // 切换详情内容
  var target = $(this).data('target');
  $(target).addClass('active').siblings().removeClass('active');
});

CSS:

.detail-content .detail-item {
  display: none;
}

.detail-content .active {
  display: block;
}

注意：以上代码需要引入 jQuery 库。