jquery - 用类展开最近的 div
问题描述
我有结构:
<div class="main-class">
<p class="cp_view_card_details"> Click </p>
</div>
<div class="cp_expanded_view">
<!-- Information -->
</div>
并且重复3次。在 CSS 中:
.cp_expanded_view {
display:none;
}
所以我想用cp_expanded_view
类扩展最接近的元素。我的 jQuery:
jQuery(document).ready(function($) {
$(".cp_view_card_details").click(function() {
$(this).next('.cp_expanded_view').slideToggle('2000',
function() {
});
});
});
jQuery 代码不起作用并且不显示任何错误。我怎样才能最接近cp_expanded_view
显示?
解决方案
用于parent
查找下一个愿望类。cp_expanded_view
班级就在班级旁边main-class
。
jQuery(document).ready(function($) {
$(".cp_view_card_details").click(function() {
$(this).parent().next('.cp_expanded_view').slideToggle('2000', function() {
});
});
});
.cp_expanded_view {
display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main-class">
<p class="cp_view_card_details"> Click </p>
</div>
<div class="cp_expanded_view">
Show Hidden info
<!-- Information -->
</div>
推荐阅读
- kotlin - (Kotlin) 语言环境更改不适用于 androidx.appcombat 在 android 6 (API 23) 和 7 (API 24)
- java - 如何使用 Quarkus Panache 仅选择某些字段?
- amazon-web-services - gocql.createSession:此操作不支持一致性级别 ANY
- javascript - 使用 localstorage 存储登录信息
- python - 如何在使用 Fernet 时检查密钥是否已加密
- highcharts - Highcharts 地图气泡轮廓未正确显示
- javascript - 我的 express js api 无法读取我的给定属性
- histogram - 具有提升直方图的经验概率
- asp.net-core - 工作人员服务未在 Visual Studio 2019 中显示
- c - C中的全局变量地址