Прятать блоки div

@Kanelynch · Регистрация: 16.11.2015

Студворк — интернет-сервис помощи студентам

В общем, у меня на странице находится около 50 блоков вот такого содержания:

HTML5
1
2
3
4
5
6
7
8
9
10
11
<div class="container">
     Нужная информация
</div>
 
<div class="container">
     Нужная информация
</div>
 
<div class="container">
     Нужная информация
</div>

Они формируются автоматический, в зависимости от количества записей в БД. Вопрос в следующем, как сделать так, что бы сначала отображался 1-й блок, но при нажатии на клавишу он исчезал и появлялся второй блок и т.д. пока все блоки не буду показаны по очереди?

@4cfg · 21.06.2017, 20:24

Тут нужно подключать JS

PS. Выводим все, но скрываемые блоки и при нажатие на вперед он будет прятать этот, а следующий убирать невидимость.

@Kanelynch · 22.06.2017, 08:18 **[ТС]**

Сообщение от 4cfg

Выводим все, но скрываемые блоки и при нажатие на вперед он будет прятать этот, а следующий убирать невидимость.

Это я понимаю. Но не понимаю как именно это реализуется. Поэтому прошу помощи

@4cfg · 22.06.2017, 09:38

У вас тема в не в том разделе тогда создана.

https://habrahabr.ru/post/143025/

Пример реализации. Думаю понятно в каком направление смотреть надо.

@Kanelynch · 22.06.2017, 10:12 **[ТС]**

Сообщение от 4cfg

У вас тема в не в том разделе тогда создана.
https://habrahabr.ru/post/143025/
Пример реализации. Думаю понятно в каком направление смотреть надо.

Ну почему не в том разделе?

Тут реализация совсем не та. У меня в контейнерах находятся вопросы и ответы к ним, которые пользователь должен выбрать. Мне нужно что то похожее, только без автоскрола. И там конкретно описаны действия для каждого блока по их заранее известному айдишнику. У меня же изначально неизвестно количество блоков див. И id каждый раз разные будут, в зависимости от того, какой вопрос вылез из БД.

@4cfg · 22.06.2017, 10:19

То что ты писал выше, совсем другое спрашивал.

А вообще суть не меняется, реализации идет также. Не зависимо сколько там из БД выведет.

Я указал, в каком направление смотреть, тут ты точно не увидишь готовое решение именно для твоего проекта, как за бесплатно не будут делать.

@Kanelynch · 22.06.2017, 10:49 **[ТС]**

Сообщение от 4cfg

То что ты писал выше, совсем другое спрашивал.

Эм, как я писал другое? Я изначально сказал что есть блоки с нужной информацией (Какая разница что там может быть?). Сказал что формируются автоматический, то бишь я не знаю их точного количества. И сказал что нужна смена блоков по нажатии клавиши. Суть то не меняется от того, какая информация у меня находится внутри блоков.

Сообщение от Kanelynch

В общем, у меня на странице находится около 50 блоков. Они формируются автоматический, в зависимости от количества записей в БД. Вопрос в следующем, как сделать так, что бы сначала отображался 1-й блок, но при нажатии на клавишу он исчезал и появлялся второй блок и т.д. пока все блоки не буду показаны по очереди?

Добавлено через 5 минут

Сообщение от 4cfg

Я указал, в каком направление смотреть, тут ты точно не увидишь готовое решение именно для твоего проекта.

Да мне и не нужно именно для моего проекта. Я хотел посмотреть пример реализации чего-то похожего и уже сделать на подобии под себя. А как тут переделать автоскрол и как формировать перелестывание блоков, когда не знаешь заранее идшников, я не знаю. Опыта еще мало

@4cfg · 22.06.2017, 11:18

Так я сказал в каком правление думать.

Гугли слайдшоу js+php

Ты видимо сам не до конца понимаешь, что нужна.

Не зависимо, какая там информация выводит. Это лишь пример, в блок можно что угодно писать. и стоить.

Можешь для ajax почиать, тоже это напрвление.

Новые блоги и статьи Все статьи Все блоги /
ПЛИС zxcha1ka_ 27.01.2026 AHDL Разработать программы для синтеза следующих устройств: 1. Параллельного регистра 4-х разрядного с синхронной загрузкой и асинхронным сбросом (обнулением); Пoмoгитe пoжaлyйстa	Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .

@4cfg 18 / 23 / 18 Регистрация: 13.05.2016 Сообщений: 227
	21.06.2017, 20:24
	Тут нужно подключать JS PS. Выводим все, но скрываемые блоки и при нажатие на вперед он будет прятать этот, а следующий убирать невидимость. 0

@4cfg 18 / 23 / 18 Регистрация: 13.05.2016 Сообщений: 227
	22.06.2017, 09:38
	У вас тема в не в том разделе тогда создана. https://habrahabr.ru/post/143025/ Пример реализации. Думаю понятно в каком направление смотреть надо. 0

@4cfg 18 / 23 / 18 Регистрация: 13.05.2016 Сообщений: 227
	22.06.2017, 10:19
	То что ты писал выше, совсем другое спрашивал. А вообще суть не меняется, реализации идет также. Не зависимо сколько там из БД выведет. Я указал, в каком направление смотреть, тут ты точно не увидишь готовое решение именно для твоего проекта, как за бесплатно не будут делать. 1

@4cfg 18 / 23 / 18 Регистрация: 13.05.2016 Сообщений: 227
	22.06.2017, 11:18
	Сообщение было отмечено Kanelynch как решение Решение Так я сказал в каком правление думать. Гугли слайдшоу js+php Ты видимо сам не до конца понимаешь, что нужна. Не зависимо, какая там информация выводит. Это лишь пример, в блок можно что угодно писать. и стоить. Можешь для ajax почиать, тоже это напрвление. 1

Прятать блоки div

Решение