Скрытый текст

@nill · Регистрация: 16.08.2009

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

Нужно скрыть текст на html чтобы после нажатия на + он появлялся
можно сделать такое на html ?

как пример [ссылка удалена]
Название: menu.png
Просмотров: 327

Размер: 4.7 Кб

Название: menu.png
Просмотров: 327

Размер: 4.7 Кб

слева меню если нажать на плюс появляеться скрытое меню
вот мне так же нужно скрыть только не меню а обычный текст

@Nazz · 29.07.2010, 18:48

ето делается с использованием javascript)))

@nill · 29.07.2010, 19:05 **[ТС]**

А пример можно ? самый простой

@Nazz · 29.07.2010, 19:38

вот:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<script>
function show()
{
document.getElementById('text').style.visibility='visible';
}
function hide()
{
document.getElementById('text').style.visibility='hidden';
}
</script>
</head>
<body>
<img src="plus.png" onclick="hide()" ondblclick="show()">
<div id="text" style="visibility: visible;">
привет
</div>
</body>
</html>

@nill · 29.07.2010, 21:09 **[ТС]**

Спасибо скрипт работает!

А как сделать чтобы при скрытии текста он не занимал места?
Сейчас когда я нажиаю скрыть текст например из 5 строк текст становиться не видимым но 5 пустых строк остаються

И как сделать чтобы при нажатии на

HTML5
1
<img src="plus.png" onclick="hide()" ondblclick="show()">

не было перемотки к началу страницы?

@Nazz · 29.07.2010, 21:16

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

А как сделать чтобы при скрытии текста он не занимал места?

думаю для етого нужно использовать jquery.

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

не было перемотки к началу страницы?

у меня нет перемотки? какая именно?

@nill · 29.07.2010, 21:23 **[ТС]**

А что за jquery можно пример как его использовать ?

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

@рони · 30.07.2010, 00:46

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
  <title></title>
<script>
function show(id)
{ var t =  document.getElementById(id)
t.style.display==''?t.style.display='none':t.style.display='';
return false
}
</script>
</head>
 
<body>
<img src="plus.png" onclick="show('text')">
<div id="text" style="display: none;">
привет
</div>
<br />
<img src="plus.png" onclick="show('text1')">
<div id="text1" style="display: none;">
два привета
</div>
</body>
 
</html>

@nill · 30.07.2010, 04:23 **[ТС]**

всем спасибо разобрался со всеми проблемами!
теперь текст занимает место только при открытии, а ссылки не прыгают внутри документа

Новые блоги и статьи Все статьи Все блоги /
Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .

@nill 11 / 11 / 2 Регистрация: 16.08.2009 Сообщений: 434

	Скрытый текст 29.07.2010, 18:16. Показов 3003. Ответов 8 Метки нет (Все метки) Нужно скрыть текст на html чтобы после нажатия на + он появлялся можно сделать такое на html ? как пример [ссылка удалена] слева меню если нажать на плюс появляеться скрытое меню вот мне так же нужно скрыть только не меню а обычный текст 0

@Nazz 898 / 729 / 80 Регистрация: 12.03.2009 Сообщений: 2,804 Записей в блоге: 2
	29.07.2010, 18:48
	ето делается с использованием javascript))) 1

@nill 11 / 11 / 2 Регистрация: 16.08.2009 Сообщений: 434
	29.07.2010, 19:05 [ТС]
	А пример можно ? самый простой 0

@nill 11 / 11 / 2 Регистрация: 16.08.2009 Сообщений: 434
	29.07.2010, 21:23 [ТС]
	А что за jquery можно пример как его использовать ? Перемотка появляеться только когда сбоку есть полоса прокрутки то есть в браузере много текста 0

@nill 11 / 11 / 2 Регистрация: 16.08.2009 Сообщений: 434
	30.07.2010, 04:23 [ТС]
	всем спасибо разобрался со всеми проблемами! теперь текст занимает место только при открытии, а ссылки не прыгают внутри документа 0

Опции темы