这是我的第一篇文章,我希望你能帮助我。我有这段代码,但我试图将每个选项卡的显示从块设置为无。例如,如果我单击 CM,它应该将 table-2 的显示更改为 display:block; 并将其他2个的显示设置为none,并将size-guide__tabs--在我选择的一个中选择。我尝试了一些 Javascript,但我对它很陌生,所以我没有成功。
我知道我问了你很多,但一个例子足以让我尝试自己解决剩下的部分。
<div class="content-asset">
<link rel="stylesheet" href="https://content.hbc.com/chad/bay/editorial/plugins/saksoff5th/size-guide/off5th-size-guide-template-0000-00-00-main-2.0.1.css">
<div id="dsg-editorial" class="dsg-editorial dsg-en">
<section class="size-guide">
<div class="size-guide__tabs">
<div class="size-guide__tabs--header">
<div class="size-guide__tabs--header-left">
<a href="#" class="size-guide__tabs-1 size-guide__tabs--selected">
<span>Measurements</span>
</a>
<a href="#" class="size-guide__tabs-2">
<span>Size Conversion</span>
</a>
</div>
<div class="size-guide__tabs--header-right" style="display: flex;">
<a href="#" class="size-guide__tabs--inches size-guide__tabs--selected">
<span>IN</span>
</a>
<a href="#" class="size-guide__tabs--centimiters">
<span>CM</span>
</a>
</div>
</div>
<div class="size-guide__tabs--content">
<div class="size-guide__table size-guide__table-1" style="display: block;">
<div class="size-guide__table--mobile">
<div class="size-guide__table--header">
<div class="table__row-cell-1">Alpha</div>
</div>
有只小跳蛙
慕婉清6462132
qq_遁去的一_1
慕后森
相关分类