单击添加并删除多个元素上的多个类

Question

我试着环顾四周，找不到我需要做什么。还不确定是否有一个插件可以执行以下功能：

我建立了一个适用于两个不同摄影工作室的网站，例如Studio 01，Studio 02。 在右侧的标题中，我有两个标签可以在两个工作室之间切换。现在我原本打算用工作室的不同背景图像重复工作室，但它看起来很愚蠢，因为它们除了背景图像之外几乎具有相同的内容。因此，当用户点击工作室02时，将添加和删除整个页面中的课程，从而可以更改背景图像等。

因此，对于我需要的更多详细信息：按钮1（Studio 01）在页面加载时处于活动状态。单击工作室02按钮时，按钮1变为非活动状态，按钮2变为活动状态。然后我需要在页面上的不同元素中添加类，并删除页面上的当前类。这显然需要反向工作，所以当你点击工作室01然后上面再次发生。这有意义吗？

我想提供代码，但它会是如此。目前网站位于：dreamsynk.com/rosewater

任何帮助都会非常感激，甚至任何人都可以指导我这样一个已经得到回答的主题或者我可以使用的插件。

Answer 1

我建议您使用AngularJS方法ngShow，看看AngularJS.org

这是Google团队提供的一个非常简单的解决方案。