Как найти текущий соседний элемент если он лежит не в одном блоке?

Question

[Senseich]

помогите решить задачу, нужно по клику блок открыть, а потом по клику закрыть

Вот верстка:

<p>
 <span class="text-job">Текст<span href="#" class="readmore">Читать дальше</span></span>
 </p>
<div class="full d-none">Текст</div>
<p>
 <span class="text-job">Текст<span href="#" class="readmore">Читать дальше</span></span>
 </p>
<div class="full d-none">Текст</div>
<p>
 <span class="text-job">Текст<span href="#" class="readmore">Читать дальше</span></span>
 </p>
<div class="full d-none">Текст</div>

Нужно по клику на

<span href="#" class="readmore">Читать дальше</span>

Чтобы открывался <div class="full d-none">Текст</div>

Как видно таких элементов несколько, я написал скрипт, что в нем не так?:

<script>
    $('.full').each(function(i, elem) {

        $(".readmore").click(function() {

            if ($(elem).hasClass('d-none')) {
                $(this).removeClass('d-none');
            } else {
                $(this).addClass('d-none');
            }
            //console.log(textfull);

        })
    })
</script>

Answer 1

[Максим Тимофеев]

Как видно таких элементов несколько, я написал скрипт, что в нем не так?

Зачем each? Зачем проверка на наличие класса?

$('.readmore').on('click',function(){
$(this).closest('p').next('.full').toggleClass('d-none');
});

https://jsfiddle.net/yqqmnwm0/1/ - вот так надо оформлять вопросы, что бы отвечающий за Вас это не делал

Comments

[Senseich]

Ошибка prntscr.com/hjvosq
Вот для наглядности верстка

[Максим Тимофеев]

Senseich, не $this а $(this) скобочки добавьте, я же даже ссылку на демо с кодом дал.

[Senseich]

Максим Тимофеев, большое спасибо, всё работает, еще не все методы знаю и путаюсь с $this, )) А что означает .toggleClass('d-none') , т.е. он добавлет - удаляет автоматически при клике этот класс?

[Максим Тимофеев]

Senseich, да, а что Вам мешает посматривать в документацию?
api.jquery.com/toggleClass
Очень удобная штука, она знает все и в ней все есть:

Description: Add or remove one or more classes from each element in the set of matched elements, depending on either the class's presence or the value of the state argument.

[Senseich]

Максим Тимофеев, еще вопросик, для чего в переменную это записывали var text_wrap , это обязательно?

[Максим Тимофеев]

Senseich, нет, почему я добавил? хз, видимо когда начинал писать думал иначе делать. var там не нужен