JSFiddle - React, Tailwind, and code Playground

by Vadim

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div class="promocodes-text">
            <div>
                <p class="promocode-text__title">
                    <span>-150 рублей</span> на весь ассортимент
                    <br>по промокоду.
                </p>
                <p class="promocode-text__description">
                    Скидка
                    <span class="promocode-more">
                        ...
                    </span>
                    <!-- В promocode-more__text писать текст, который будет прятаться на мобильном -->
                    <span class="promocode-more__text"></span>
                </p>
            </div>
        </div>

JavaScript

$(document).ready(function () {

        $(".promocode-text__description").ready(function (evt) { 
        debugger
            var that = '';
            var $_self = $(evt.currentTarget);
            if ($_self.children(".promocode-more__text").is(':empty')) {
                that = 1;
            } else {
                console.log('Не пустой');
            }
            if (that == 1) {
                console.log('Работает');
                $_self.children(".promocode-more").addClass("hides");
            }
        });

        $(".promocode-text__description").click(function () {
            if ($(window).width() < 575) {
                $(this).children(".promocode-more__text").toggleClass("expand");
                $(this).children(".promocode-more").toggleClass("hides");
            }
        });
    });