无法在Jquery中获取此按钮下拉列表

Question

我正在使用classToggle修改css并显示隐藏在图像后面的文本。已经制作了按钮动画和显示在图像上方的文本。但是无法获取.droped元素来更改类。

JQUERY

<script>
$(document).ready(function () {
var boton = $(".boton");
boton.click(function () {
// Boton
$(this).toggleClass("drop-rotate");
boton.not(this).removeClass("drop-rotate");

const titulo = $(this).closest(".c-card").children(".card").children(".texto");

titulo.toggleClass("active-text");
not(titulo).removeClass("active-text");

const desc = $(this).closest(".c-card > dropped");
desc.css("position", "relative");

// desc.toggleClass("active");
// not(desc).removeClass("active");
});
})
</script>

HTML

<div class="divisor">
<div class="c-card">
<div class="card">
<div class="texto">
<h2>Whiterun</h2>
</div>
<div class="drop">
<i class="fas fa-chevron-circle-down boton"></i>
</div>
</div>
<div class="extended dropped">
<h3>Descripción: </h3>
<p class="desc">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sapiente quisquam
blanditiis nostrum laborum voluptas qui!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Labore expedita libero ipsam.
Voluptates, cum eum.
</p>
</div>
</div>
</div>

视觉上的结果就像这个下拉图像

Answer 1

您需要将选择器.c-card > dropped更改为.c-card > .dropped，因为您选择的是类别为dropped的元素，而不是类型为dropped的元素。