Скрытие лишней информации

@Максим_nCoder · Регистрация: 26.09.2013

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

Всем доброго времени суток, есть такой вопрос: как правильно реализовать такой функционал.
есть блок div в нем описание

как мне скрыть содержимое: производитель и страна и место этого по ссылке разворачивать остальное описание, тобишь остальные два пункта(производитель и страна) или их там может быть 100. проще говоря, нужно как-то отследить высоту моего блока data и если оно превышает заданную высоты, прятать контент и показать ссылку и кнопку для того что бы его развернуть

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
                    <div class="item">
                        <div class="photo">
                            <a class="photo-link" href="#" title="">
                                <img src="img/1401610583.jpg">
                            </a>
                        </div>
                        <div class="description">
                            <h3 class="title">Саженцы винограда Иванна</h3>
                            <div class="data">
                                <b>Культура:</b> Виноград <br>
                                <b>Сорт/Гибрид:</b> Иванна<br>
                                <b>Тип продукции:</b> Саженцы <br>
                                <b>Жизненная форма:</b> Плодовые кустарники<br>
                                <b>Производитель:</b> Собственное производство<br>
                                <b>Страна производитель:</b> Россия <br>
                             </div>
                        </div>
                    </div>

@AmateR62 · 30.03.2016, 08:23

Обернуть все что надо скрыть в div с классом в котором "display: none;", над этим блоком делаете кнопку. Нажали на кнопку - блоку убираем класс, сл-но он будет виден.

Новые блоги и статьи Все статьи Все блоги /
AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .

@AmateR62 118 / 118 / 87 Регистрация: 24.02.2014 Сообщений: 404
	30.03.2016, 08:23
	Сообщение было отмечено Максим_nCoder как решение Решение Обернуть все что надо скрыть в div с классом в котором "display: none;", над этим блоком делаете кнопку. Нажали на кнопку - блоку убираем класс, сл-но он будет виден. 0

Скрытие лишней информации

Решение