Убрать троеточие и Read more при разворачивании?

Question

[Mashzulla]

Есть отзывы. У каждого текст обрезается, и при нажатии на read more отзыв должен развернуться. Как Убрать троеточие и Read more при разворачивании?
Текущий код:

<div class="text">
	<p>Видимая часть текста...<span class="show">Read more</span><span class="hidden-text"> скрытая часть</span></p>
</div>
<div class="text">
	<p>Видимая часть текста...<span class="show">Read more</span><span class="hidden-text"> скрытая часть</span></p>
</div>

$('.show').click(function(){
  $(this).parent().find('.hidden-text').fadeToggle(300);
})

Comments

[godsplan]

Можно в стркое видимого текста находить точки и убирать их через регулярку, но это тупое решение и вообще все тупое решение.

[Mashzulla]

godsplane, А какое решение не тупое?

[archelon]

<div class="text">
  <p>Видимая часть текста<span class="ellipsis">...</span><span class="show">Read more</span>
    <span class="hidden-text">скрытая часть</span></p>
</div>

$('.show').click(function(){
  $(this).hide();
  $(this).parent().find('.ellipsis').hide();
  $(this).parent().find('.hidden-text').fadeToggle(300);
})

навскидку так

Answer 1

[sasmoney]

Добавь в функцию
$('.show').addClass('d-none');
В стили
.d-none {display:none}