Как сделать группировку файлов по расширению в отдельные аккордеоны?

Question

[Максим js]

Ребят, есть блок с файлами различного характера(видео, ауди, картинки и т.д.), они выводятся все в одну кучу списком с пагинацией. Нужно реализовать группировку этого контента в отдельные аккордеоны при выборе определенного расширения файла. То есть изначально мы видим все 1000 файлов, далее мы выбираем тип jpg, после чего все jpg группируются в отдельный аккордеон, выбираем gif группируется еще один аккордеон.

Вопрос, как впихивать их в отдельные аккордеоны при выборе чекбокса с расширением, если они находятся все в одном div блоке на одном уровне вложенности?

https://codepen.io/briykjr/pen/VwaqPwP пример того что есть сейчас

Comments

[Вадим]

так, а в чём сложность смотреть на расширение файла в src?
Или при генерации разметки запихивать в data-атрибут тип контента карточки

[Максим js]

Вадим, не делал такого просто, спасибо буду пробовать

Answer 1

[Владислав Черненко]

Получаешь расширение из урла, например:

var link = $('.file').attr('href');

var file_ext = link, parts, ext = ( parts = file_ext.split("/").pop().split(".") ).length > 1 ? parts.pop() : "";

alert( ext );

И запихиваешь его в data-filter=""

Comments

[Максим js]

Спасибо буду пробовать