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

Question

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

我有divB显示样式=无.

我有一个显示"Show viewB"的链接.当我点击这个时,我希望div B显示divA的位置和divA隐藏.

我然后想要链接更改为"显示viewA"

在jquery中这样做最优雅的方式是什么？

Answer 1

通过使用toggle()功能:

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

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