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

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

我的divB显示style=无。

我有一个链接，显示“显示viewB”。当我单击此按钮时，我希望div B显示divA所在的位置，并隐藏divA。

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

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

最佳答案

通过使用toggle()函数:

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

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