Javascript 保持DIV始终可见

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

我有此脚本，但DIV只有在单击菜单后才可见：

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

试试这个：

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

  });

说明：

$（“section>div”）

在每个

节和
下选择第一级
div
。not（el）
从列表/组中删除任何具有匹配选择器或对象的元素，并
.hide（）
隐藏列表中剩余的所有元素。
尝试以下操作：

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

  });

说明：

$（“section>div”）
在每个
section
和
下选择第一级
div
。not（el）
从列表/组和
中删除任何具有匹配选择器或对象的元素
隐藏列表中剩余的所有元素。
当单击我进行查询的按钮时，div仍然没有打开，当我进行新查询时，div再次关闭，它与我在问题中输入的函数保持一致您的html是什么样子的？当单击我进行查询的按钮时，div仍然没有打开，当我进行新查询时，div再次关闭，它与我在问题中输入的函数保持一致您的html是什么样子的？