Чтобы скрыть кнопку после загрузки всех карточек, вы можете использовать JavaScript для отслеживания состояния загрузки элементов и скрывать кнопку при необходимости. Вот пример того, как это можно сделать:
1. Пусть у вас есть HTML-структура следующего вида:
```html
<div class="projects_container">
<!-- Карточки проектов -->
<div class="project__card"></div>
<div class="project__card"></div>
<!-- ... дополнительные карточки ... -->
</div>
<button class="project__card_btn">Загрузить еще</button>
```
2. Предположим, что у вас есть JavaScript-функция, которая загружает ещё карточки (например, `loadMoreProjects`), когда пользователь нажимает на кнопку. Её нужно модифицировать так, чтобы она определяла, остались ли ещё данные для загрузки, и если данных нет, скрывала кнопку:
```javascript
function loadMoreProjects() {
// Здесь ваш код для загрузки данных...
// После загрузки проверяем, остались ли еще данные
if (/* условие, что все данные загружены, например, hasNextPage === false */) {
hideLoadMoreButton();
}
}
function hideLoadMoreButton() {
const btn = document.querySelector('.project__card_btn');
btn.style.display = 'none'; // Скрываем кнопку
}
// Привязываем функцию загрузки к событию click
document.querySelector('.project__card_btn').addEventListener('click', loadMoreProjects);
```
Чтобы знать, закончились данные или нет, вам понадобится какой-то механизм. Это может быть информация от сервера после каждого запроса на загрузку данных, которая указывает, есть ли еще данные для подгрузки. Обычно в ответе с сервера можно возвращать флаг, например `hasNextPage`, который будет false, когда данные закончились.
Также стоит учитывать, что если данные подгружаются и обрабатываются асинхронно (например, через AJAX-запросы), то вы должны убедиться, что проверка для скрытия кнопки выполняется в обработчике успешного завершения запроса.
Если карточки генерируются и добавляются в контейнер на клиентской стороне (например, из некоторого локального массива данных), алгоритм скрытия кнопки примерно тот же: вы должны отслеживать количество оставшихся карточек, и если оно достигает нуля, скрывать кнопку.