Сообщение от mediafoks
|
Если длина параграфа больше "N" символов, то обрезать его до "N" символов и в конце добавить троеточие, и при клике на сам параграф показывать отрезанное содержимое (т.е. весь параграф целиком). А при повторном клике опять скрывать.
|
Как вариант...
<style>
.short {
width: 200px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
</style>
<p class="paragraph short">
ipsum dolor sit amet consectetur adipisicing elit. Labore enim explicabo accusamus
eveniet illum possimus nam veniam debitis omnis suscipit ex officiis praesentium harum laborum neque
culpa, ipsam porro! Quisquam officiis distinctio excepturi autem quo eligendi adipisci, mollitia
quibusdam rem id dolore magnam, eius minima saepe aspernatur possimus laborum facere!
</p>
<script>
document.querySelector('p').addEventListener('click', (e) => {
e.target.classList.toggle("short")
})
</script>