时间戳

首页 > 解决方案 > Onclick 显示 div 重叠/隐藏其他

javascript - Onclick 显示 div 重叠/隐藏其他

问题描述

我正在尝试实现 3 个可点击<div>，在点击时展开和隐藏/重叠其他人，同时显示每个 clicked 里面的内容<div>。我现在只有 JQuery。

我最初的问题是，我应该使用什么？（Flexbox？CSS 动画？React？）在 vanilla html+css+js 堆栈中是否有可能没有笨拙的过渡？我制作了一张图片来说明我想说的：

在此处输入图像描述

标签： javascripthtmljquerycssfrontend

解决方案

仅使用纯 Javascript 即可，您需要做的就是为每个 div 添加一个单击事件，当单击一个时，您会发出yourDivName.setAttribute("style", "display: block");并发出另一个 div yourDivName.setAttribute("style", "display: none");。然后对每个重复这个过程。显然将每一个都包含在一个function yourFunctionName(){ //Enter logic here }

您的过程应该首先获取每个 div 并将其放入变量中，然后根据您希望对 div 执行的操作执行上述代码。我希望这有助于让我知道你是否希望我为你做 Javascript :)

推荐阅读