如何在div中显示隐藏内容

在div中显示隐藏内容可以通过CSS的display属性来实现。具体的方法有以下几种：

使用display: none;属性隐藏内容，再通过JavaScript或CSS的:hover伪类来控制显示。例如：

HTML代码：

<div class="container">
  <div class="hidden-content">
    隐藏的内容
  </div>
</div>

CSS代码：

.container .hidden-content {
  display: none;
}

.container:hover .hidden-content {
  display: block;
}

使用visibility: hidden;属性隐藏内容，再通过JavaScript或CSS的:hover伪类来控制显示。不同于display属性，visibility属性隐藏的内容仍会占据空间。例如：

HTML代码：

<div class="container">
  <div class="hidden-content">
    隐藏的内容
  </div>
</div>

CSS代码：

.container .hidden-content {
  visibility: hidden;
}

.container:hover .hidden-content {
  visibility: visible;
}

使用opacity属性来实现渐变显示隐藏内容。通过设置opacity为0来隐藏内容，再通过JavaScript或CSS的:hover伪类来控制opacity为1来显示内容。例如：

HTML代码：

<div class="container">
  <div class="hidden-content">
    隐藏的内容
  </div>
</div>

CSS代码：

.container .hidden-content {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.container:hover .hidden-content {
  opacity: 1;
}

以上是三种常见的在div中显示隐藏内容的方法，具体选择哪种方法取决于实际需求和设计风格。

页面内容是否对你有帮助？

有帮助

没帮助

如何在div中显示隐藏内容

jquery、html、css

我在这里有这段代码，它正在工作，但我想一次显示一个div。我希望在您单击Book 1时显示BOOK 1部件，当您单击Book 2时显示BOOK 2 所以这里发生了一些有条件的显示/隐藏的事情。我试着写一些jquery，但我不能比在codepen中的尝试更进一步。请看一下。我做了一次小小的尝试，但在此过程中被卡住了。

浏览 11提问于2020-03-18得票数 0

2回答

如何添加图像以显示/隐藏div javascript？

javascript

如何在javascript中添加图像(如+或-)来显示/隐藏div？我使用这段代码显示/隐藏div： $('a.hide').click(function() { $(this).closest('.hideable

浏览 1提问于2011-08-16得票数 1

2回答

根据移动/桌面操作系统在网站上显示不同的按钮/下载链接

javascript、html

我想知道是否可以根据用户的操作系统类型(是移动 OS还是桌面 OS)在Javascript中显示不同的按钮。

浏览 6提问于2013-09-13得票数 0

回答已采纳

1回答

不要在移动/引导程序上使用属性

html、css、twitter-bootstrap

如前所述，我不想在移动设备上的div上有任何财产。到目前为止，我已经这样做了，它适用于chrome，但可能不适用于其他浏览器： <div class="hidden-xs</div>谢谢

浏览 0提问于2016-03-23得票数 0

回答已采纳

1回答

如何使用代码点火器在PHP中打印内容

javascript、php、jquery、codeigniter、bootstrap-4

我想打印唯一的内容是在模式内，当我按ctrl+p模式和背面的页面继续合并。我只需要模型里面的内容就可以打印..。请提前分享答案，谢谢。

浏览 3提问于2018-07-07得票数 1

回答已采纳

4回答

间距问题

css、internet-explorer、spacing

我有一个带有边距和填充的div。我想把内容隐藏在div里面。我正在使用js来显示、隐藏进程。问题是，当我试图隐藏内容时，它被隐藏了，但间距或间距保持不变。Firefox可以正常渲染，但在ie中不能。我如何在ie中使用css解决这个问题？

浏览 0提问于2009-07-02得票数 1

2回答

中止Ajax调用并在JSP中显示else块，如下所述

javascript、java、jquery、ajax、jsp

){}else{} 在一个单独的js文件中，如果满足if条件，我将执行一个ajax调用并呈现内容。否则，我需要显示Else块。在这里的ajax调用中，我在某些情况下会得到一个错误(在JSON中解析的Ex: file在服务器中不可用，这将在错误中返回)。所以我需要在jsp文件

浏览 55提问于2018-01-08得票数 0

1回答

如何在Bootstrap中一次折叠所有子块？

twitter-bootstrap

我想在父容器中显示和隐藏多个块=如何在Bootstrap中实现？<div id="parent1"><div class="child-info collapse">Info 1</div> <div>Child 2<&#x

浏览 2提问于2015-09-03得票数 0

1回答

根据Div中内容显示/隐藏div

jquery、html、show-hide

我希望根据是否有实际上传到特定事件的图像，或者占位符图像是否在容器内，来隐藏这些页面上的图像容器。唯一能区分这两个图像的是图像的路径，当然，还有alt标签。我显然是想隐藏图像容器占位符图像的容器。(th_noimage.jpg是占位符图像) <a id="MainContent_controlProductsList1> <div class="productListIm

浏览 0提问于2013-02-09得票数 1

回答已采纳

4回答

在jQuery UI模态消息中显示ASP.NET验证摘要

asp.net、javascript、jquery-ui

我想让错误摘要显示在jQuery UI模式消息中以及实际表单下面。如果验证发现错误，是否可以执行脚本？

浏览 0提问于2010-06-12得票数 3

回答已采纳

1回答

使用Django和Bootstrap动态Tabs

django、twitter-bootstrap

当我使用时，它要求我在列表锚标记中使用I。而我更愿意使用像{% url 'incidents:report' %}这样的django页面的url。我如何才能让它使用django url并且仍然保持功能呢？

浏览 3提问于2015-07-22得票数 0

回答已采纳

2回答

图库在移动视图中消失

html、css

我在玩一些css和html然后偶然发现了这个网站..。为什么当窗户缩小时，画廊就消失了？我已经检查了源代码，没有看到任何css (媒体查询)表明大小大小可能是一个问题？谢谢

浏览 1提问于2018-05-18得票数 0

回答已采纳

1回答

如何隐藏相同的div，同时只显示一个div？

jquery

我有一个带有条件子选择的select，它将所选子选择显示为一个div。但是，每个div都有相同的类名，这是我不能更改的。每个相同的div中的div可以有一个唯一的id。如何在隐藏所有其他div的同时显示所选内容？这种描述可能没有意义--参见。<div class="container"> <div id="two&q

浏览 1提问于2012-10-29得票数 0

回答已采纳

2回答

预加载远程内容:真链接

javascript、jquery、ruby-on-rails、ajax、ruby-on-rails-3

链接呈现的内容计算量很大，因此我希望预加载该内容，这样单击链接就可以瞬间呈现内容。我希望让它异步加载，即当前页面首先加载并显示整个页面，然后预加载链接url的内容。

浏览 0提问于2013-10-02得票数 0

4回答

使所有HTML组件消失，仅显示背景图像

jquery

我想在背景图像中的某个地方放置一个链接，这样当用户单击该链接时，所有的HTML元素都会消失，并且用户可以查看完整的图像。此功能可以切换。有没有人能建议我如何使用jQuery来实现这一点？

浏览 0提问于2011-08-13得票数 1

回答已采纳

1回答

如何在angularjs中显示包括图像和格式在内的夏季笔记编辑器数据的预览？

angularjs、editor、preview、summernote

单击“编辑”时，编辑器将显示和预览隐藏，反之亦然。如何在div或其他地方创建summernote angularjs编辑器数据的预览，编辑器内容可能包括.like堆栈溢出显示的图像，同时创建类似于问答的帖子。怎么做呢。有人能帮帮我吗？summernote id="editor" height="400" ng-model="content" on-image-upload="imageUpload(files)&quo

浏览 3提问于2016-06-06得票数 2

回答已采纳

2回答

如何在公共视图中隐藏源代码

javascript、php、jquery、html、asp.net

如何在php，asp.net和javascript的公共视图中隐藏源代码。我已经看到许多内容管理系统和其他网站的源代码是隐藏的公众视图，如wordpress config.php，whmcs configuration.php，和更多的文件是隐藏的，但它里面有代码，但当我们在浏览器查看源代码时，它显示没有。如何在php和asp.net或javascript中做到这一点。

浏览 1提问于2015-03-17得票数 0

1回答

内容div的高度不随潜水内容的增加而增加。

html、css、responsive-design、zurb-foundation

我有一个基于Foundation5的简单HTML结构，包含页眉、内容和页脚部分。"Content“区域中的一个部分将在每一行中显示4个Div's，我可以在每行中有最多4 div的多行，显示图像和一些文本等。这些div将根据屏幕大小调整，如小提琴示例所示。我现在的问题是，内容div并不是随着“内容”div的大小而增加的，页脚部分也显示在“后页眉

浏览 1提问于2014-11-12得票数 1

回答已采纳

1回答

在滚动页上的div中淡出内容

javascript、jquery、html、css

我需要一些内容在div中出现(淡入)和消失(淡出)，同时使用浏览器滚动条(而不是div中的滚动条)向下滚动，使其在向上滚动时(在循环中)发生逆转。这个链接显示了一个关于我的确切意思的视频：这看起来很简单，但我在互联网上看到的所有例子都与在屏幕的顶部/底部显示/隐藏内容有关。其他的，例如新闻代码，依赖于div内的滚动条或按钮来滑动内容()。那么，如何在屏幕/页面中间的<

浏览 1提问于2015-05-23得票数 1

回答已采纳

1回答