jQuery addClass example

Change class name on click in jQuery

by zoomieos

HTML

<div class="text_review">
                            Бренд Catrice, принадлежащий немецкому концерну Сosnova GmbH появился на мировом рынке в 2004 году. Сегодня компании также принадлежат такие известные бренды как essence и LOV.
                            Качество выпускаемой продукции является главным приоритетом для бренда. Поэтому поставщики Catrice также являются предметом строгого контроля соответствия стандартам высокого качества.
                            Бренд Catrice, принадлежащий немецкому концерну Сosnova GmbH появился на мировом рынке в 2004 году. Сегодня компании также принадлежат такие известные бренды как essence и LOV.
                            Качество выпускаемой продукции является главным приоритетом для бренда. Поэтому поставщики Catrice также являются предметом строгого контроля соответствия стандартам высокого качества.
                            Бренд Catrice, принадлежащий немецкому концерну Сosnova GmbH появился на мировом рынке в 2004 году. Сегодня компании также принадлежат такие известные бренды как essence и LOV.
                            Качество выпускаемой продукции является главным приоритетом для бренда. Поэтому поставщики Catrice также являются предметом строгого контроля соответствия стандартам высокого качества.
                        </div>
                        <div class="link_desc">
                            <a class="spoiler" href="#">Читать далее</a>
                            <a href="#">http://www.catrice.eu/</a>
                        </div>

CSS

a.spoiler {
  display: none;
}

JavaScript

jQuery( document ).ready(function( $ ) {
	
	$('.view_shop').click(function(e){
		e.preventDefault();
		$(".more_shop").slideToggle('medium', function() {
			if ($(this).is(':visible'))
				$(this).css('display','flex');
	});
});

	$(".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.spoiler").click(function(){
		$(this).parent().html( $(this).parent().find(".full_text").html() );
	});
  });