保持DIV始终可见

Question

我有7个部分，每个部分中有一个DIV。我希望其中一个始终可见，但是在单击菜单时，请用新的DIV替换上一个，但不要隐藏所有DIV，其中一个必须始终处于活动状态。

我有这个脚本，但是DIV仅在单击菜单后可见：

$(".btn-show").click(function(e) {
    e.preventDefault();
    el = $(this).data('element');
    $("section > div:not("+el+"):visible").hide();
    $(el).show();
  });

Answer 1

尝试一下：

$(".btn-show").click(function(e) {
    e.preventDefault();
    el = $(e.currentTarget).data('element');
    $(el).show();
    $("section > div").not(el).hide();

  });

说明：

$("section > div")在每个div下选择第一级section，.not(el)从列表/组中删除具有匹配选择器或对象的任何元素，并且.hide()隐藏列表中剩余的所有元素。