html
<!DOCTYPE html>
<html>
<div class="questions row">
<ul class="col-md-6 col-md-offset-3 question-list">
<li class="question-item">
<div class="question-left">
<img src="./images/head.png" alt="">
<span>关于商品</span>
<i class="fontCode down"></i>
</div>
<ul class="question-right">
<a onclick="answer(4)">
<li class="help-item">怎么保证商品的品质呢？</li>
</a>
<a onclick="answer(5)">
<li class="help-item">如遇退货是否按实付金额退回？</li>
</a>
<a onclick="answer(6)">
<li class="help-item">为什么有些商品搜索不到？</li>
</a>
</ul>
</li>
<li class="question-item">
<div class="question-left">
<img src="./images/head.png" alt="">
<span>关于订单</span>
<i class="fontCode down"></i>
</div>
<ul class="question-right">
<a onclick="answer(17)">
<li class="help-item">为什么在销售订单里会看到有些商品显示已失效？</li>
</a> <a onclick="answer(18)">
<li class="help-item">预估普通佣金和结算佣金的不一致？</li>
</a> <a onclick="answer(19)">
<li class="help-item">为什么商品列表页佣金显示和详情页不一致？</li>
</a> <a onclick="answer(20)">
<li class="help-item">为什么在拼多多上下单后拼多多后台不显示订单？</li>
</a> <a onclick="answer(21)">
<li class="help-item">什么是VIP专享折扣？</li>
</a> <a onclick="answer(22)">
<li class="help-item">为什么同一个订单里买了同一个产品的多个款式导致佣金减少</li>
</a>
</ul>
</li>
<div class="question-detail answer4 hide">
<div class="question-detail__title">
<h1>怎么保证商品的品质呢？</h1>
</div>
<div class="question-detail__content">
<p>你所购买的商品均来自各大知名电商平台，中国的电商经过10几年的发展，已经相当专业和成熟，都有非常完善的售后服务，你购买的商品均受到《中国消费者保护法》的保护。
</p>
</div>
</div>
<div class="question-detail answer5 hide">
<div class="question-detail__title">
<h1>如遇退货是否按实付金额退回？</h1>
</div>
<div class="question-detail__content">
<p>你在哪个平台购物，都可以参照你所购物平台的退换货流程。</p>
</div>
</div>
<div class="question-detail answer6 hide">
<div class="question-detail__title">
<h1>为什么有些商品搜索不到？</h1>
</div>
<div class="question-detail__content">
<p>是这样的，首先我们收录了各大电商近几百万商品，每天更新超几十万，满足你的所有购物需求是绰绰有余的。</p>
<p>第二我们不是一个纯电商，我们是一个综合性导购优惠返佣创业平台，我们导购的是什么呢？导购的是一些性价比比较高的商品。</p>
<p>导购的原则是帮你寻找和搜集实用、可以领券，然后能给你返佣金的一些商品。这才是导购的意义，比如说这个商品既不便宜也不优惠，性价比也不高。那我们把它收入进来，咱们这个平台就跟它的功能不匹配了，就失去了导购优惠返佣创业的这种属性，所以没有佣金，也没有券的商品不具备导购的意义。高性价比的同款。
</p>
</div>
</div>
<div class="question-detail answer17 hide">
<div class="question-detail__title">
<h1>为什么在销售订单里会看到有些商品显示已失效？</h1>
</div>
<div class="question-detail__content">
<p>客户已经下单了，但后面可能因为某些原因申请了退款，就导致在liil里显示已失效或者是客户代付款的订单超时导致失效。</p>
</div>
</div>
<div class="question-detail answer18 hide">
<div class="question-detail__title">
<h1>预估普通佣金和结算佣金的不一致？</h1>
</div>
<div class="question-detail__content">
<p>佣金根据付款金额和佣金比例结算，下单实付金额因参加满减等各类活动而变更，部分商家会调整佣金比例而商品页面没有及时更新，因此实际佣金会受这些因素改变。</p>
</div>
</div>
<div class="question-detail answer19 hide">
<div class="question-detail__title">
<h1>为什么商品列表页佣金显示和详情页不一致？</h1>
</div>
<div class="question-detail__content">
<p>佣金以详情页为准，原因：商家会不定期调整佣金，存在小部分商品佣金更新不及时的情况，不影响结算。</p>
</div>
</div>
<div class="question-detail answer20 hide">
<div class="question-detail__title">
<h1>为什么在拼多多上下单后拼多多后台不显示订单？</h1>
</div>
<div class="question-detail__content">
<p>a)
拼多多APP一共有3种登录方式（手机号，QQ，微信），若您是通过微信账号下单，需要登录微信账号才能看到订单。您可以在拼多多商城点击右下角-个人中心--设置（倒数第二行）--退出登录-选择登录方式--请使用其他方式登录
</p>
<p>b) 嚄iu让他围绕旅游(⊙﹏⊙)6有u5要4有6。</p>
</div>
</div>
<div class="question-detail answer21 hide">
<div class="question-detail__title">
<h1>什么是VIP专享折扣？</h1>
</div>
<div class="question-detail__content">
<p>VIP专享折扣商品是liil付费会员的专属福利，只要支付邮费，即可0元购买专享商品，该商品没有佣金，可在“我的”－“VIP专享折扣订单”查看订单及物流状态。</p>
</div>
</div>
<div class="question-detail answer22 hide">
<div class="question-detail__title">
<h1>为什么同一个订单里买了同一个产品的多个款式导致佣金减少</h1>
</div>
<div class="question-detail__content">
<p>
如果更改了商品的款式和规格则没有多份佣金。</p>
</div>
</div>
<div class="question-detail answer404 hide">
<div class="question-detail__title">
<h1>错误</h1>
</div>
<div class="question-detail__content">
<p>地址有误，请重新访问页面</p>
</div>
</div>
</ul>
</div>
js
$(document).ready(function () {
var counter = 0;
//浏览器返回时上一个页面
if (window.history && window.history.pushState) {
$(window).on('popstate', function () {
window.history.pushState('forward', null, '#');
window.history.forward(1);
//alert("不可回退");
location.replace(document.referrer); //刷新
});
}
window.history.pushState('forward', null, '#'); //在IE中必须得有这两行
window.history.forward(1);
$(".question-left").click(function () {
if ($(this).parent().css("max-height") < "600px") {
$(this).parent().addClass("max");
$(this).children(".fontCode").removeClass("down").addClass("up");
$(this).parent()[0].style.cssText = ""
$(this).parent().siblings().removeClass("max").css("transition", "max-height 0.1s ease 0s");
$(this).parent().siblings().children(".question-left").children(".fontCode").removeClass("up").addClass("down");
} else {
$(this).parent().removeClass("max").css("transition", "max-height 0.1s ease 0s");
$(this).children(".fontCode").removeClass("up").addClass("down");
$(this).parent().siblings().children(".question-left").children(".fontCode").removeClass("down").addClass("up");
}
});
});
//给url填参数，用历史，可以保证不会刷新页面
function overrrideUrl(param, paramValue) {
var url = window.location.href;
var newUrl = changeURLArg(url, param, paramValue);
window.history.pushState({}, "", newUrl);
}
function changeURLArg(url, arg, arg_val) {
/// arg需要替换的参数名称
///arg_val替换后的参数的值
var pattern = arg + '=([^&]*)';
var replaceText = arg + '=' + arg_val;
if (url.match(pattern)) {
var tmp = '/(' + arg + '=)([^&]*)/gi';
tmp = url.replace(eval(tmp), replaceText);
return tmp;
} else {
if (url.match('[\?]')) {
return url + '&' + replaceText;
} else {
return url + replaceText;
}
}
return url + '\n' + arg + '\n' + arg_val;
}
function answer(num) {
var str = "";
var quesEle = $(".question-item");
var href = window.location.href;
quesEle.css("display", "none");
$(".answer" + num).addClass("show").removeClass("hide")
switch (num) {
case 4:
case 5:
case 6:
overrrideUrl("goods", num)
break;
case 17:
case 18:
case 19:
case 20:
case 21:
case 22:
overrrideUrl("order", num)
break;
default:
overrrideUrl("error", 404)
break;
}
}
Because the project is on the inside, so useful to me to bootstrap
style section is not uploaded