Игорь

Как вариант https://select2.org/
Немного стилизовать и будет такой же

// плавный скролл
    
    var $page = $('html, body');
    $('a[href*="#"]').click(function() {
        $page.animate({
            scrollTop: $($.attr(this, 'href')).offset().top
        }, 400);
        return false;
    });

<ul id="menu1">
    <li>menu 1</li>
    <li>menu 2</li>
    <li>menu 3</li>
    <li>menu 4</li>
    <li>menu 5</li>
</ul>

<a href="#menu1" >button</a>

при клике переходим к пункту меню который нужно раскрыть, и добовляем ему некий класс
для этого класса добавляем такие же свойства как и для класса с :hover

userList.splice(1, 1) //по ключу

Пишите про foreach, но используете while)

foreach($adresses as $key => $val) {
    foreach($val as $name => $phone){
        //действия над $name или $phone
    }
}

Если на css то вот codepin , оно с мобильного так же по клику раскрывается,
или нужно именно по событию клика?

как то так https://jsfiddle.net/8yajng4q/

Вообще реализаций может быть масса, я в одном примере делал вот так
https://codepen.io/igor307/pen/mddYzmo

если я правильно понял, так

li:first-child{
    white-space: nowrap;
}

https://jsfiddle.net/kbag0j9h/

Не понятно описан сам вопрос
если проблема в размытии то проблему может решить
will-change: transform;

Если же блок нужно просто позиционировать по центру фиксированный, то transform тут вообще не нужен

так себе совет но все же:

img{
object-fit: cover;
}

Вариант 1,2
https://codepen.io/igor307/pen/mddXmZw

Сжимать фото загруженные на сайт нужно не с помощью программы, а допустим средствами PHP
https://www.php.net/manual/ru/ref.image.php

Например так
1. Получаешь высоту изображения с помощью getimagesize();
2. Переименовываешь файл где имя файла - это его высота. Например 400.jpg
3.Упорядочиваешь по имени.

Если искать значения как вы предложили, то это с помощью регулярных выражений, но я считаю в вашем случае правильнее разбить эту строку в массив что бы ключом массива был id и дальше работать с массивом. Разбить строку в массив можно с помощью explode()

Если на php

$arr = implode(' ', $date);
$arr[0] //дата
$arr[1] //время