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

@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>

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

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

Решение