純 js tab
<div class="row">
<div class="col-md-4 one">
<a href="#">one</a>
</div>
<div class="col-md-4 two">
<a href="#">two</a>
</div>
<div class="col-md-4 three">
<a href="#">three</a>
</div>
</div>
<div id="one">
<div id="comboWidgetContainer"></div>
<script src="https://api.caas.tw/Widget/Layout.js"></script>
<script>
var widget = new OnePage.Layout({
"Container": "comboWidgetContainer",
"Id": 13,
"CampaignId": 791,
"CustomerDedicated": false,
"HighlightOnly": false,
"Language": "zh-TW",
"LayoutId": 3,
"ShowAnimatedBanner": false,
"ShowCategory": false,
"ShowFooter": false,
"ShowHeader": true,
"ShowPolicy": true,
"ShowSummaryBottom": true,
"ShowSummaryTop": false,
"SkipPayment": false
});
</script>
</div>
<div id="two" class="d-none">
<div id="5s3c"></div>
<script src="https://api.caas.tw/Widget/Layout.js"></script>
<script>
var widget = new OnePage.Layout({
"Container": "5s3c",
"Id": 13,
"CampaignId": 795,
"CustomerDedicated": false,
"HighlightOnly": false,
"Language": "zh-TW",
"LayoutId": 3,
"ShowAnimatedBanner": false,
"ShowCategory": false,
"ShowFooter": false,
"ShowHeader": true,
"ShowPolicy": true,
"ShowSummaryBottom": true,
"ShowSummaryTop": false,
"SkipPayment": false
});
</script>
</div>
<div id="three" class="d-none">777</div>