PHP читать больше читать меньше - Magento 2

Я сделал сценарий «читать больше, читать меньше» для своего интернет-магазина на Magento 2. Это используется на странице категории, где есть блоки подкатегорий сервалов на выбор, каждая подкатегория имеет описание.

Проблема: если я нажму «Читать дальше», все описания подкатегорий будут расширяться, а не только описание подкатегории, на которую я нажал подробнее.

Я начинаю изучать PHP и Magento 2, но не могу это исправить, кто-нибудь знает решение?

  <div class = "product description product-item-description">
                                <div class = "more">
                                <?php  if ($_subCategory->getDescription()) {
        $string = strip_tags($_subCategory->getDescription());

        if (strlen($string) > 250) {
            // truncate string
            $stringCut = substr($string, 0, 250);
            $string = substr($stringCut, 0, strrpos($stringCut, ' ')).'... <a href = "javascript:void(0);" class = "readmore">Lees meer</a>';
        }
        echo $string;
        ?>
        </div>
    <?php
    }else {?>
        <?php /* @escapeNotVerified */ echo $_attributeValue; 
        }
    ?>
    </div>

    <div class = "less" style = "display:none">
        <?php echo $_subCategory->getDescription(); ?>
        <a href = "javascript:void(0);" class = "readless">Lees minder</a>
    </div>
    <script type = "text/javascript">
        console.info('test');
        require(["jquery"],function($){
            $('.readmore').on("click",function(){
                $('.less').show();
                $('.more').hide();
            });
            $('.readless').on("click",function(){
                $('.less').hide();
                $('.more').show();
            });
        });
    </script>
    </div>