Скрытый текст который по умолчанию показан

@WinsOk · Регистрация: 20.05.2011

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

Подскажите пожалуйста.
Есть блок, который нужно скрывать по клику, т.е. по умолчанию он показан.

Добавлено через 21 минуту
ммм, сделал сам

Подскажите как изменить:

Есть 2 кнопки, допустим как в винде (свернуть, раскрыть на весь экран)

Есть такой скрипт

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
<head>
<title>Javascript Скрыть текст</title>
</head>
<body>
<script language="javascript">
function Switch(idd)
 {
 elm=document.getElementById(idd);
 if(elm.style.display=="block")
  {
  elm.style.display="none";
  }
 else
  {
  elm.style.display="block";
  }
 return false;
 }
</script>
 
<h3>Javascript Скрыть текст</h3>
<a href="" onclick="return Switch('ID')">Открыть/Закрыть</a><br>
<div style="display:block" id="ID">
<h2>Ура !!!<h2>
<h3>Получилось !!!<h3>
</div>
</body>
</html>

Подскажите как сделать так чтоб блок сворачивался при нажатии на копку "Свернуть" и восстанавливался при нажатии на кнопку "Развернуть"

@JsLoveR · 25.01.2013, 19:16

WinsOk, ну, как-то так, код жутко не оптимизирован, написал только что:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
    function scale(id_el, clicked_El){
        var box_El = document.getElementById(id_el);
        resize.obj = box_El;
        hideAllChildrens(box_El);
        
        if(box_El.style.display == "block"){
            clicked_El.innerHTML = "Развернуть";
            resize.Out();
        }
        else {
            clicked_El.innerHTML = "Cвернуть";
             box_El.style.display = "block";
            resize.In();
                    
        }
    }
    
    function hideAllChildrens(parent) {
        var elems = parent.getElementsByTagName("*"), i = elems.length;
        while(i--){
            elems[i].style.visibility = "hidden";
        }
    }
    
    function showAllChildrens(parent) {
        var elems = parent.getElementsByTagName("*"), i = elems.length;
        while(i--){
            elems[i].style.visibility = "visible";
        }
    }
    
 
    var resize = {
        obj : null,
        isRunning : false,
        
        In: function(){
            var obj = resize.obj;
            if(!resize.isRunning) {
                resize.isRunning = true;
                for(var i = 0; i < 300; i+=10){
                    setTimeout(function() {
                        resize.update(10, 10, obj);
                        if(obj.offsetWidth >= 300 && obj.offsetHeight >= 300){
                            resize.isRunning = false;
                            showAllChildrens(obj);
                        }
                    }, i);
                }
            }
        },
        
        Out: function(){
            var obj = resize.obj;
            if(!resize.isRunning) {
                resize.isRunning = true;
                for(var i = 300; i > 0; i-=10){
                    setTimeout(function() {
                        resize.update(-10, -10, obj);
                        if(obj.offsetWidth <= 0 && obj.offsetHeight <= 0){
                            resize.isRunning = false;
                            obj.style.display = "none";
                        }
                    }, i);
                }
            }
        },
                
        update : function(x, y, obj) {
            obj.style.width = obj.offsetWidth + x + "px";
            obj.style.height = obj.offsetHeight + y + "px";
        }
    }

HTML5
1
2
3
4
5
6
7
8
9
<h3>Javascript Скрыть текст</h3>
<a href="#" onclick="scale('box', this)">Развернуть</a><br>
<div style="display:none; width:0px; height:0px; background-color:#0099FF;" id="box">
    <ul>
        <li>Есть 2 кнопки, допустим как в винде (свернуть, раскрыть на весь экран)</li>
        <li>Есть такой скрипт</li>
        <li>Подскажите как сделать так чтоб блок сворачивался при нажатии на копку "Свернуть" и восстанавливался при нажатии на кнопку "Развернуть"</li>
    </ul>
</div>

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование 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 с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

Опции темы

Скрытый текст который по умолчанию показан

Решение