我有一个作品集网页,当单击项目时,我需要在其中显示描述和“图像”标签。为此,我使用切换,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();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)