Я работал над расширяемой картой с динамическим c числом строк и столбцов в зависимости от длины содержимого и ширины контейнера. Я хочу, чтобы сначала карта была в свернутом виде, где отображается только первая строка, и разверните ее, чтобы показать полную карту, когда пользователь переключает карту. Мне интересно, есть ли возможность скрыть все строки, кроме первой, используя CSS на основе условного класса, добавленного при переключении кнопки, если нет, то что было бы идеальным решением для обработки этого с помощью javascript? Имейте в виду, что количество столбцов в строке будет меняться в зависимости от размера экрана.
пример кода песочница