jquery - 在同一区域切换两个 div 的最佳方法是什么

Question

我在页面中加载两个 div:divA 和 divB

我有 divB 显示样式 = 无。

我有一个链接，上面写着“Show viewB”。当我单击它时，我希望 div B 显示在 divA 所在的位置，而 divA 隐藏。

然后我希望链接更改为“Show viewA”

在 jquery 中最优雅的方法是什么？

Answer 1

通过使用 toggle() 函数:

$("#link").toggle(function() {
  toggleDivs();
  $(this).html("Show viewA");
}, function() {
  toggleDivs();
  $(this).html("Show viewB");
});

function toggleDivs() {
  $("#divA, #divB").toggle();
}