Question

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

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

该如何使用引导程序完成？使用jquery？

我的逻辑告诉我，这应该类似于在html中具有所有3个表并根据单击的按钮修改display属性。但是，我对此并不完全清楚。

Answer 1

Bootstrap为此提供了一个inbuilt collapse function，或者您可以根据需要查找它的tab functionality。

当然，这也完全有可能在jQuery中从零开始，但是由于您似乎主要是在寻找Bootstrap解决方案，因此其中一种可能适合您。可能对您来说也可以节省时间。

Answer 2

您可能确实必须使用JQuery。您可以选择与 hide（）或show（），但是我更喜欢这样做：

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

Bootstrap提供了一个不错的“隐藏”类，您可以对其进行切换，这非常方便。

关于html，好吧，当您只需要一个数据架时，您并不想真正加载三个数据架，因此是否可以执行ajax调用来仅获取所需的并显示呢？