这种tab选项卡是怎么做的?没有隐藏

Question

一般选项卡不是 三个按钮,对应三个内容盒子,然后让对应的显示其他隐藏..
但是我看到有的网页,只有一个大盒子,然和根据不同标签切换盒子的内容,请问这种怎么做??

Answer 1

通过js换类名

document.getElementById('div_one').removeclass("class1");
document.getElementById('div_two').addclass("class2")

Answer 2

估计是通过切换标签加载数据，然后生成dom元素填充到大盒子里面

Answer 3

这种情况通常是内容数据比较多，不适合一次性加载出来，然后显示隐藏。

步骤：
1.点击选项卡
2.发一个ajax请求，得到数据，拼接html
3.填充到内容盒子中