Разворачивющийся список
Autor: Алексей С.
Visited 1417,
Followers 1,
Udostępniony 0
Добрый день. Подскажите пожалуйста как в WebSite X5 версии 19.3.17 сделать разворачивающийся список, т.е. что бы при щелчке по пункту раздела, разворачивался все содержание раздела (вот пример ссылок что нужно:
https://depobr.admhmao.ru/regionalnye-mekhanizmy-upravleniya-kachestvom-obrazovaniya-/
https://osteopathfabio.com/article-download-file-document-exercise.html#imCell_15 (пример этого способа приведенн в этом описании автором KolAsimhttps://helpcenter.websitex5.com/pl/post/230436
но переведя авто-переводчиком, я не понял описания способа).
Может кто-то пояснить подробней как добиться разворачивающегося списка. Спасибо.
Posted on the
https://market.websitex5.com/ru/objekty/526c4939-3abc-41c3-b34a-37baa6a14af
Autor
спасибо, вот только кредитов у меня нет :/
да и похоже мне такая функция не доступна.
Autor
нашел еще вот такую инструкцию (http://essedi.altervista.org/_EVO2019/_showhide/index.html), но из нее не пойму откуда берется иденитфикатор imCell_xx и куда он должен быть вставлен или привязан, ничего не понимаю :/
Можно этим пользоваться пока что
Hi!
The easiest solution would be using the Accordion Text/FAQ Optional Object, if you need credits you can buy them here:
https://market.websitex5.com/ru/credits
Thanks! Kind regards.
***** Google Translation:
Привет!
Самым простым решением будет использование дополнительного объекта Accordion Text/FAQ. Если вам нужны кредиты, вы можете купить их здесь:
https://market.websitex5.com/ru/credits
Спасибо! С уважением.
Autor
спасибо, попробую.
Там принцип кода, обращающегося к аккаунту, где хранятся ваши виджеты. В бесплатной версии убрать их логотип снизу не получится, но можно его визуально минимизировать, если этот объект сделать на темно-сером фоне, уже в конструкторе здесь, тогда большая часть их текста пропадет, слившись с фоном)
как пример
Autor
к сожалению это все же не совсем то...
нужна такая возможность, что бы выпадающее подменю было активно, что бы нажав на пункт в выпавшеем подменю, я мог попадат на нужную страницу (т.е. пункты подменю должны работать как гиперссылка), а такой возможности я предложенном варианте не увидел :(
Autor
хотя стоп, похоже есть.
там можно вставить что душе угодно - картинку, ссылку, код.
Autor
да-да, спасибо, увидел.
Кроме текста можно ещё что-то вставить в раскрывающийся список? Например: таблица
Hi Roman,
it isn't unfortunately possible to add a table in the Accordion Text Object, I am sorry about this.
Please let me know if I can help you further. Kind regards.
***** Google Translation:
Привет Роман,
к сожалению, невозможно добавить таблицу в текстовый объект Accordion, я сожалею об этом.
Пожалуйста, дайте мне знать, если я могу помочь вам в дальнейшем. С уважением.
А простой код не подходит?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Аккордеон</title>
<style>
.tab input, .tab-content { display: none; }
.tab {
font: 0.8rem/1.2 Arial, sans-serif; /* Параметры шрифта */
border: 1px solid #e9eaec; /* Параметры рамки */
border-radius: 3px; /* Скругляем уголки */
color: #848994; /* Цвет текста */
margin-bottom: 10px; /* Расстояние между пунктами */
}
.tab-title {
padding: 10px; /* Поля вокруг текста */
display: block; /* Блочный элемент */
text-transform: uppercase; /* Все буквы заглавные */
font-weight: bold; /* Жирное начертание */
cursor: pointer; /* Вид курсора */
}
.tab-title::after {
content: '+'; /* Выводим плюс */
float: right; /* Размещаем по правому краю */
}
.tab-content {
padding: 10px 20px; /* Поля вокруг текста */
}
.tab :checked + .tab-title {
background-color: #50a2de; /* Цвет фона */
border-radius: 3px 3px 0 0; /* Скругляем уголки */
color: #fff; /* Цвет текста */
}
.tab :checked + .tab-title::after {
content: '−'; /* Выводим минус */
}
.tab :checked ~ .tab-content {
display: block; /* Показываем содержимое */
}
</style>
</head>
<body>
<div class="accordion">
<div class="tab">
<input type="checkbox" id="tab1" name="tab-group">
<label for="tab1" class="tab-title">Что такое HTML5?</label>
<section class="tab-content">
<p>Под HTML5 обычно подразумевают два разных понятия:</p>
<ul>
<li>Это язык разметки документа, пришедший на смену HTML4 и XHTML.</li>
<li>Это набор веб-технологий, позволяющий делать на сайте
всякие интересные штуки.</li>
</ul>
</section>
</div>
<div class="tab">
<input type="checkbox" id="tab2" name="tab-group">
<label for="tab2" class="tab-title">Можно ли программировать на HTML5?</label>
<section class="tab-content">
Нет, на HTML5 по прежнему нельзя программировать, основным языком является JavaScript.
Так что в разговоре лучше не упоминать, что умеешь программировать на HTML5, засмеют.
</section>
</div>
<div class="tab">
<input type="checkbox" id="tab3" name="tab-group">
<label for="tab3" class="tab-title">Чем HTML5 отличается от HTML4?</label>
<section class="tab-content">
В HTML5 добавлены новые элементы, вроде <header>, <footer>,
<aside>, <article>, появилась долгожданная поддержка аудио,
видео и многое другое.
</section>
</div>
</div>
</body>
</html>
Конечно подходит, любой код подойдет.
Так можно весь сайт собрать из фрагментов...
За ответ спасибо!
... x Alexey S. (It > Ru) ...если разместите свою ССЫЛКУ, могу попробовать проверить, ...как это было сделано в Теме, на которую вы изначально ссылались...
... вот еще одно мое недавнее изобретение:
https://helpcenter.websitex5.com/pl/post/250700#comment24
.
Привет, ciao
.