[英]showing the div element on focus of previous div element
html html
<div class="channel">
<div class="programs" id="p1"></div>
<div class="selec_pro" id="s1" style="display:none;"></div>
<div class="programs" id="p2"></div>
<div class="selec_pro" id="s2" style="display:none;"></div>
<div class="programs" id="p3"></div>
<div class="selec_pro" id="s3" style="display:none;"></div>
<div class="programs" id="p4"></div>
<div class="selec_pro" id="s4" style="display:none;"></div>
</div>
The div element under class channel are created dynamically.
类通道下的 div 元素是动态创建的。 On focus of class programs, selec_pro next to that class program div needs to be display block.
在类程序的焦点上,该类程序 div 旁边的 selec_pro 需要是显示块。 After that focus off selec_pro needs to be display none.
在焦点关闭 selec_pro 之后需要显示 none。
Can anyone help ?任何人都可以帮忙吗?
Try this in CSS:在 CSS 中试试这个:
.selec_pro {
display: none;
}
.programs:focus + .selec_pro {
display: block;
}
The +
is the CSS adjacent sibling selector. +
是 CSS 相邻兄弟选择器。 See here: https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_selectors请参阅此处: https : //developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_selectors
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.