我有一个注册页面,分为两个部分。我想要在当前页面隐藏每个部分的内容,并在某人点击这些主要按钮时显示每个部分的内容。这个概念类似于bootstrap选项卡,但我这里没有使用选项卡。这些是简单的bootstrap按钮。我尝试过使用bootstrap类来修改我的代码,但没有成功。我正在使用meteor和react。
图像截图如下:“工作和雇佣按钮”.
这是我的代码:
有什么想法吗?
<div id="signup-top-btn">
<div id="myTabs" role="tablist">
<div className="col-xs-6 signup-work-btn">
<button type="button" className="btn btn-block blue-btn active-btn"
data-toggle="tab"
>
Work
</button>
</div>
<div className="col-xs-6 signup-hire-btn">
<button type="button" className="btn btn-primary btn-block blue-btn"
data-toggle="tab" data-target="#employer-signup"
>
Hire
</button>
</div>
</div>
</div>
有什么想法吗?