Блок div скрыть/показать при нажатии на кнопку "показать все"

@vitalyasn · Регистрация: 23.07.2016

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

Добрый день.
На странице:
https://moscow.xn--80aasvalvca... belyaevdv/
не могу понять, как сделать так чтобы 2 блока <div> в разных местах страницы открывались/прятались от нажатия на 1 или 2 ссылку: "Показать все"

Есть код для первого фрагмента и он работает:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
    function show_hide (id) {
if (document.getElementById("hidden_" + id).style.display == "none") {
        document.getElementById("hidden_" + id).style.display = "block";
        document.getElementById("lnk_" + id).innerHTML = "Скрыть дополнительные документы";
}
else {
        document.getElementById("hidden_" + id).style.display = "none";
        document.getElementById("lnk_" + id).innerHTML = "Показать все";
}
}
</script>
<strong> 
Имеются еще 10 документов</strong> - 
    <a href="javascript:show_hide('1');" id="lnk_1">
Показать все
    </a> 
<p>123</p>
<div id="hidden_1" style="display:none;"><p>456</p></div>

А вот второй фрагмент, так же на странице, сделать не могу, уже все переменные менял, но сделать чтоб работало не получается. Или глаз уже замылился или "программиста"(меня) пора менять))). Прошу помочь разобраться с кодом.

@Smls · 10.01.2018, 16:57

Вставьте в нужное место страницы:

HTML5
1
2
<a href="javascript:show_hide('2');" id="lnk_2">Показать все</a> 
<div id="hidden_2" style="display:none;"><p>789</p></div>

Дальше то-же самое только 2 уже на 3 меняйте (в трёх местах в этом коде).

@jasper-blondin · 10.01.2018, 17:06

Вам нужно, чтобы при нажатии на кнопку "Показать все" показывались сразу все блоки?
Или же у каждого блока своя кнопка?

@vitalyasn · 10.01.2018, 17:09 **[ТС]**

Спасибо огромное, Smls ответил - работает. Мне надо было сделать так, чтобы нажав на первую кнопку "показать всё" открывался первый блок, а на вторую второй. Я вроде всё тоже самое делал, но у меня не работало.

Новые блоги и статьи Все статьи Все блоги /
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .

@jasper-blondin 27 / 26 / 11 Регистрация: 19.06.2014 Сообщений: 158
	10.01.2018, 17:06
	Вам нужно, чтобы при нажатии на кнопку "Показать все" показывались сразу все блоки? Или же у каждого блока своя кнопка? 0

@vitalyasn 0 / 0 / 0 Регистрация: 23.07.2016 Сообщений: 18
	10.01.2018, 17:09 [ТС]
	Спасибо огромное, Smls ответил - работает. Мне надо было сделать так, чтобы нажав на первую кнопку "показать всё" открывался первый блок, а на вторую второй. Я вроде всё тоже самое делал, но у меня не работало. 0

Блок div скрыть/показать при нажатии на кнопку "показать все"

Решение