[алексей 111]

с сокращением разобрался, круто! спс!

этот скрипт работает при клике на ссылку.

если сделать:

$('.main-card').on('click', function(e) {
		$('.main-card__read').text(
			$('.main-card__text').toggleClass('open').hasClass('open') ? 'свернуть...' : 'читать далее...'
			);
		e.preventDefault();
	});

то срабатывает при клике на блок 'div'
можно ли сделать, чтобы по 'div' срабатывало только при
@media only screen and (max-width: 767px).
Т.е. на большом экране - $('.main-card__read'), а экран меньше 767 - $('.main-card')