使用Bootstrap显示和隐藏表格



我目前正在设计一个价格表。该表将有三个选项:

  • 个人
  • 专业
  • 业务

这些选项中的每一个都将在一个按钮上。其想法是,当用户单击相应的按钮时,将显示该计划的表格。

如何使用bootstrap完成此操作?使用jquery

我的逻辑告诉我,它应该类似于在html中拥有所有3个表,并根据单击的按钮修改display属性。然而,我对此并不完全清楚。

Bootstrap有一个内置的折叠功能,或者你可以根据你想要的东西来查看它的选项卡功能。

当然,在jQuery中从头开始也完全有可能做到这一点,但由于您似乎主要在寻找Bootstrap解决方案,其中之一可能就是它。这对你来说可能也是一个节省时间的方法。

您可能确实需要使用JQuery。你可以选择玩hide((或show((,但是,相反,我更喜欢这样做:

$("#personal_table_btn").on("click", function() {
$("#personal_table").toggleClass("hidden");
});

Bootstrap有一个很好的"隐藏"类,你可以切换,这非常方便。

关于html,好吧,当你只需要一个数据架时,你并不真的想加载三个数据架,所以也许可以调用ajax来只获取你需要的数据并显示它?

最新更新