Как сделать, чтобы код применялся ко всем элементам на странице?
Как сделать, чтобы скрипт применялся не только к первым в DOM-структуре классам?
jQuery(document).ready(function($) {
var showText = document.querySelector('.show-text');
if (showText) {
showText.addEventListener('click', () => {
var seoText = document.querySelector('.tmnl-p');
if (seoText) {
seoText.classList.toggle('hide-before');
}
});
}
});.hide-before {
height: unset !important;
}
.tmnl-p {
height: 35px;
overflow: hidden;
}
.show-text {
background: yellow;
display: block;
width: 30%;
text-align: center;
cursor: pointer;
}<p class="tmnl-p">Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст</p>
<a class="show-text">Кляц!</a>
<p class="tmnl-p">Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст</p>
<a class="show-text">Кляц!</a>
<p class="tmnl-p">Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст Какой-то текст</p>
<a class="show-text">Кляц!</a>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>