如何在单击另一个文本时隐藏元素外部的文本?
const box = document.querySelector('.team__box');
const boxInner = box.querySelectorAll('.team__box-slide');
boxInner.forEach((item) => {
const content = item.querySelector('.team__box-slide_descr-definition');
const height = content.scrollHeight;
item.addEventListener('click', () => {
content.style.height = height + 'px';
})
})
.team__box-slide_descr-definition {
height: 0;
transition: .3s all;
overflow: hidden;
}
<div class="team__box">
<div class="team__box-slide">
Открыть текст
<div class="team__box-slide_descr-definition">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Accusamus harum molestias provident amet ab, nam neque necessitatibus consequatur dicta qui veniam, placeat magnam dignissimos sunt veritatis eveniet laborum facilis! Iusto.
</div>
</div>
<div class="team__box-slide">
Открыть текст
<div class="team__box-slide_descr-definition">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Accusamus harum molestias provident amet ab, nam neque necessitatibus consequatur dicta qui veniam, placeat magnam dignissimos sunt veritatis eveniet laborum facilis! Iusto.
</div>
</div>
<div class="team__box-slide">
Открыть текст
<div class="team__box-slide_descr-definition">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Accusamus harum molestias provident amet ab, nam neque necessitatibus consequatur dicta qui veniam, placeat magnam dignissimos sunt veritatis eveniet laborum facilis! Iusto.
</div>
</div>
</div>
1 个回答