Как исправить раскрытие текста?

Question

[kentos]

Здравствуйте, написал скрипт, который скрывает текст при его объеме и добавляет кнопку читать далее, но не работает нажатие и раскрытие, в чем дело может быть?

$(".text_review").each(function(){
		var review_full = $(this).html();
		var review = review_full;
	
		if( review.length > 500 )
		{
			review = review.substring(0, 500);
			$(this).html( review );
			$('a.spoiler').css({
				"display": "block"
			});
		}
		$(this).append('<div class="full_text" style="display: none;">' + review_full + '</div>');
	});
	
	$("a.read_more").click(function(){
		$(this).parent().html( $(this).parent().find(".full_text").html() );
	});

CSS

a.spoiler {
      display: none ;
    }

HTML

<div class="link_desc">
                            <a class="spoiler" href="#">Читать далее</a>
                            <a href="#">http://www.catrice.eu/</a>
                        </div>

Comments

[Eugene Chefranov]

добавьте еще html код к примеру

[kentos]

Eugene Chefranov, UPD

Answer 1

[coderisimo]

идея для лентяев , как я ))

Comments

[kentos]

Не помогает, нужно именно по кнопке, пробовал делать с кнопкой, такой же эффект, ничего не открывается

[coderisimo]

kentos, у тебя даже при беглом обзоре странные вещи.

// ты в цикле каждый раз  на все $('a.spoiler').  вешаешь   "display": "block"  
$('a.spoiler').css({   // 
        "display": "block"
      });

сделай пример на https://codepen.io , попробую помочь

[kentos]

Василий, https://jsfiddle.net/zoomieos/8mu9oxpv/15/

[coderisimo]

kentos,

Обрати внимание, чтобы работать не с одним блоком на странице тебе нужно положить каждый текст и кнопку в родительский див ,ну или каждый раз искать к какому диву относится кнопка для показа всего контента

[kentos]

Василий, У меня будет только один блок на странице

[coderisimo]

kentos,

[coderisimo]

kentos, тогда зачем ты перебираешь ?!

$(".text_review").each(function(){ .

[kentos]

Василий, Потому что будет не один бренд, и это видимо я сделал плохо, а если без цикла, просто убрать each?

[coderisimo]

kentos,
например вот так.
let el = $('.text_review:first');

Answer 2

[FKV]

Вариант, если у вас одна кнопка и спойлер на странице.
Создайте сразу блок со спойлером с display:none
И потом jq

$(document).ready(function(){
  $('.кнопка').on('click', function(){
     $('.спойлер').toggle();
  });
});