javascript - 需要 span.class 和 p 来展开切换
问题描述
我有一个投资组合网页,当单击项目时,我需要在其中显示描述和“图像”标签。为此,我使用切换,javascript。
我目前有这段代码,我希望 span.class 和段落在单击项目时都展开。否则,我希望这两个元素都隐藏在页面上。现在我不能在切换之前让 span.class 隐藏,所以只有段落显示在切换上,这导致整个事情看起来很奇怪。这是我正在使用的代码。
$(document).ready(function(){
$(".li_element").each(function(index) {
$(this).find('p','span.PopUp').first().hide();
});
$("li").click(function(){
$(this).find('p','span.PopUp').first().toggle();
$(this).toggleClass("expand");
});
});
<li class="Project" data-modal="myModal_1">
<span id="myBtn_1">
Lirma Type
</span>
<span id="year">
2019
</span>
<div class="Describtion">
<span class="PopUp" >Images</id>
<p style="display:none;">
Typedesign
</p>
</div>
<div id="myModal_1" class="modal" >
<div class="modal-content">
<div id="demo" class="carousel slide" data-ride="carousel">
<!-- The slideshow -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="Images/Lirma/type.jpg" alt="img" width="100%">
</div>
</div>
<p>Type design</p>
</div>
</div>
</div>
</li>
解决方案
只有一个字符串:
$(this).find('p,span.PopUp').first().hide();
或者你可能想要
$(this).find('p').first().hide();
$(this).find('span.PopUp').first().hide();
推荐阅读
- javascript - 如何显示包含另一个数组的数组的值?
- c++ - 有条件地选择要继承的类
- spring-boot - 如何在spring boot中将嵌入式tomcat控制台打印到外部文件
- javascript - 搜索并删除剑道树中的空父节点
- botframework - Virtual Assistant Bot Framework Alexa 通道 HTTP 状态码 GatewayTimeout
- c++ - 如何使用 gcc 工具链在 c++11 中仅初始化全局数组的几个元素?
- java - JDK中java.function包外所有功能接口的综合列表
- node.js - Docker 节点在挂载的卷上找不到文件
- java - 如何确保 netty pooled 内存不会释放回 JVM?
- node.js - 如何使用猫鼬更新数组中的现有对象