Javascript 如何制作第二个案例?

Javascript 如何制作第二个案例?,javascript,Javascript,我有两张卡片,点击enter获取隐藏内容,第一个链接正确(open.content--second)。第二个链接不起作用,也没有任何反应(open.content--dale cooper),同时,如果删除注释的div(.content--dale cooper),当您单击箭头时,第一个内容将不会返回主页(当她打开.content--Second时)。如何解决这个问题 article,aside,details,figcaption,fig,fig,footer,header,hgroup,m

我有两张卡片,点击enter获取隐藏内容,第一个链接正确(open.content--second)。第二个链接不起作用,也没有任何反应(open.content--dale cooper),同时,如果删除注释的div(.content--dale cooper),当您单击箭头时,第一个内容将不会返回主页(当她打开.content--Second时)。如何解决这个问题

article,aside,details,figcaption,fig,fig,footer,header,hgroup,main,nav,section,summary{display:block;}音频,画布,视频{display:inline block;}音频:not([控件]{display:none;height:0;}[隐藏]{display:none;}html{font-family:sans serif;-ms文本大小调整:100%;-webkit文本大小调整:100%;}正文{边距:0;}a:focustoma:活动,a:悬停{轮廓:0;}h1{字体大小:2em;边距:0.67em 0;}缩写[标题]{边框底部:1px点;}b,强{字体重量:粗体;}dfn{字体样式:斜体;}hr{-moz框大小:内容框;框大小:内容框;高度:0;}标记{背景:#ff0;颜色:#000;}代码,kbd,pre samp{字体系列:单空格,衬线;字体大小:前引号:{2011em;{“\201D”“\2018”“\2019”}small{font size:80%;}sub,sup{font size:75%;行高:0;位置:相对;垂直对齐:基线;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){溢出:隐藏;}图形{边距:0;}字段集{border:1px实心}c0c0c0c0c0x;边距:0.2px;填充:0.350.6250;}图例:输入,{,textarea{font family:inherit;font size:100%;margin:0;}按钮,输入{行高:normal;}按钮,选择{text transform:none;}按钮,html输入[type=“button”],输入[type=“reset”],输入[type=“submit”]{-webkit外观:按钮;光标:指针;}按钮[disabled],html输入[disabled]{光标:默认值;}输入[type=“checkbox”],输入[type=“radio”]{框大小:边框框;填充:0;}输入[type=“search”]{-webkit外观:textfield;-moz框大小:内容框;-webkit框大小:内容框;框大小:内容框;}输入[type=“search”]:-webkit搜索取消按钮,输入[type=“search”]:-webkit搜索装饰{-webkit外观:无;}按钮:--moz焦点内部,输入:--moz焦点内部{边框:0;填充:0;}文本区域{溢出:自动;垂直对齐:顶部;}表格{边框折叠:折叠;边框间距:0;}
*,
*::之后,
*::之前{
框大小:边框框;
}
:根{
字体大小:15px;
}
html,正文{
身高:100%;
}
身体{
--彩色文本:#2e;
--彩色文本框:#fff;
--彩色背景:#fff;
--彩色链接:#555;
--颜色链接悬停:#fff;
--颜色简介背景:#0e0e;
--颜色介绍标题:#fff;
--颜色输入:#fff;
--颜色内容标题:#111;
--颜色内容文本:#868181;
--颜色选择:#111;
--颜色选择项:#868181;
--颜色选择项悬停:#000;
--颜色选择当前:#111;
--社会色彩:555;
--彩色社会悬停:000;
--彩色卷轴编号:#111;
--颜色菜单链接:#101010;
--颜色菜单链接悬停:#000;
颜色:var(--彩色文本);
背景颜色:var(--彩色背景);
字体系列:Futura,Futura pt,无衬线;
文本呈现:优化易读性;
-webkit字体平滑:抗锯齿;
-moz osx字体平滑:灰度;
}
主要{
宽度:100%;
身高:100%;
位置:相对位置;
显示:网格;
网格模板列:100%;
网格模板行:100%;
对齐项目:居中;
}
/*页面加载器*/
.js.loading::before{
内容:'';
位置:固定;
z指数:100000;
排名:0;
左:0;
宽度:100%;
身高:100%;
背景:var(--彩色简介bg);
}
.js.loading::after{
内容:'';
位置:固定;
z指数:100000;
最高:50%;
左:50%;
宽度:30px;
高度:30px;
利润率:-15px0-15px;
指针事件:无;
不透明度:0.4;
背景:var(--彩色简介标题);
变换原点:50%100%;
变换:旋转3d(0,0,1,45度);
动画:loaderAnim 0.7s线性无限交替向前;
}
@关键帧装入器{
到{
不透明度:1;
变换:旋转3d(0,0,1,45度)缩放3d(1,0,1)旋转3d(0,0,1,-180度);
}
}
a{
文字装饰:无;
颜色:var(--颜色链接);
大纲:无;
}
a:悬停,
a:焦点{
颜色:var(--颜色链接悬停);
大纲:无;
}
.框架{
填充物:3rem 5vw;
文本对齐:居中;
位置:相对位置;
文本转换:小写;
颜色:var(--彩色文本框);
}
.框架标题{
字号:1rem;
保证金:0.01勒姆;
字体大小:正常;
}
.帧链接{
显示:内联块;
保证金:0.01勒姆;
}
.框架链接a,
.frame_u_u演示a{
利润率:0.01勒姆;
}
.frame\u演示::之前{
内容:“示例:”;
}
.frame_uu演示--当前,
.frame\uu演示--当前:悬停{
颜色:var(--颜色链接悬停);
}
.内容,
.content\u移动{
宽度:100%;
高度:100vh;
显示:网格;
网格模板列:100%;
网格模板行:100%;
对齐项目:居中;
网格面积:1/1/2/2;
自我辩护:中心;
位置:相对位置;
}
.内容-隐藏{
指针事件:无;
}
.content\u移动{
改变:转变;
溢出:隐藏;
背景:var(--彩色简介bg);
}
.内容第一{
位置:固定;
}
.内容——第二{
指针事件:无;
}
.内容--第二个a,
.content--第二个按钮{
指针事件:自动;
}
.content\uu反向{
宽度:100%;
身高:100%;
显示器:flex;
弯曲方向:立柱;
证明内容:中心;
对齐项目:居中;
改变:转变;
}
.介绍{
位置:相对位置;
显示器:flex;
弯曲方向:立柱;
/*
网格模板行:自动40vh 20vh自动;
网格模板列:100%;
*/
对齐项目:居中;
证明内容:中心;
/*宽度:50%*/
利润率:50像素;
}
.简介{
背景位置:50%0%;
背景尺寸:封面;
宽度:320px;
身高:100%;
最大高度:600px;
网格行:2个/跨度2;
网格柱:1;
位置:相对位置;
威尔