时间戳

首页 > 解决方案 > 保持 DIV 始终可见

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();
  });

标签： javascripthtml

解决方案

尝试这个：

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

  });

解释：

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

推荐阅读