Подскажите при помощи каких тегов это можно сделать. На другом сайте (не на вашей платформе) у меня это реализовано при помощи <div class="click_but">Показать больше</div>
<div>Кусок текста, который требуется скрыть</div>
0
Отображение Скрытого Текста При Нажатии На Ссылку
Автор ОльгаВикторовна, 19 июля 2019 16:34
Сообщений в теме: 5
#1
Отправлено 19 Июль 2019 - 16:34
#2
Отправлено 19 Июль 2019 - 17:45
ОльгаВикторовна (19 Июль 2019 - 16:34) писал:
Подскажите при помощи каких тегов это можно сделать. На другом сайте (не на вашей платформе) у меня это реализовано при помощи <div class="click_but">Показать больше</div>
<div>Кусок текста, который требуется скрыть</div>
<div>Кусок текста, который требуется скрыть</div>
Здравствуйте. Вы можете использовать код:
<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;"> <p><strong>текст</strong></p> </div> <div id="spoiler1" style="display: none;"> <p>текст при нажатии</p> </div>
#3
Отправлено 19 Июль 2019 - 19:13
MikDark (19 Июль 2019 - 17:45) писал:
Здравствуйте. Вы можете использовать код:
<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;"> <p><strong>текст</strong></p> </div> <div id="spoiler1" style="display: none;"> <p>текст при нажатии</p> </div>
Огромное спасибо, со скрытым текстом всё прекрасно получилось. Но у меня были ссылки на этой странице на товары в каталоге и ссылки перестали работать(( Кроме первой. Подскажете, что это может быть? Сейчас код в этом куске (где и скрытый текст и ссылка) выглядит вот так:
<p><strong><span data-mce-style="color: #993300;">Стоимость:</span></strong> 490 руб. — ребёнок. <span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">Звоните: </span><strong style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;"><a href="tel:+74955405802"><span style="color: rgb(255, 140, 0);">+7 495 540-58-02</span></a></strong><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">, чтобы уточнить наличие свободного места</span>.<br />
<strong><a data-mce-="" href="https://detiknigi.ru...-v-izdatelstvo" target="_blank"><span style="color:#FF8C00;">КУПИТЬ БИЛЕТ</span></a></strong></p>
<div onclick="$('#spoiler4').toggle(); return(false);" style="cursor: pointer;"><strong>Подробное описание</strong>
<div>
<div id="spoiler4" style="display: none;">
<p> </p>
<p>Экскурсия по детскому издательству «Настя и Никита». Как книга появляется на свет? Гости узнают всё о работе издательства, изучат рукопись и макет книги, исследуют рабочее место верстальщика, дизайнера, корректора. Разберутся, чем занимаются отделы продаж и продвижения. А также заглянут в кабинет главного редактора. В программе — игровой мастер-класс: участники станут издателями и писателями и даже будут участвовать в раздаче автографов.<br />
<br />
<span data-mce-style="line-height: 1.5;">Длительность: 1,5 часа.</span><br />
Возраст участников: 7—12 лет.<br />
Выбирая наши мероприятия, ознакомьтесь с условиями публичного <a data-mce-="" href="http://www.nastyaini...</a>. </p>
</div>
#4
Отправлено 19 Июль 2019 - 20:00
ОльгаВикторовна (19 Июль 2019 - 19:13) писал:
Огромное спасибо, со скрытым текстом всё прекрасно получилось. Но у меня были ссылки на этой странице на товары в каталоге и ссылки перестали работать(( Кроме первой. Подскажете, что это может быть? Сейчас код в этом куске (где и скрытый текст и ссылка) выглядит вот так:
<p><strong><span data-mce-style="color: #993300;">Стоимость:</span></strong> 490 руб. — ребёнок. <span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">Звоните: </span><strong style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;"><a href="tel:+74955405802"><span style="color: rgb(255, 140, 0);">+7 495 540-58-02</span></a></strong><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">, чтобы уточнить наличие свободного места</span>.<br />
<strong><a data-mce-="" href="https://detiknigi.ru...-v-izdatelstvo" target="_blank"><span style="color:#FF8C00;">КУПИТЬ БИЛЕТ</span></a></strong></p>
<div onclick="$('#spoiler4').toggle(); return(false);" style="cursor: pointer;"><strong>Подробное описание</strong>
<div>
<div id="spoiler4" style="display: none;">
<p> </p>
<p>Экскурсия по детскому издательству «Настя и Никита». Как книга появляется на свет? Гости узнают всё о работе издательства, изучат рукопись и макет книги, исследуют рабочее место верстальщика, дизайнера, корректора. Разберутся, чем занимаются отделы продаж и продвижения. А также заглянут в кабинет главного редактора. В программе — игровой мастер-класс: участники станут издателями и писателями и даже будут участвовать в раздаче автографов.<br />
<br />
<span data-mce-style="line-height: 1.5;">Длительность: 1,5 часа.</span><br />
Возраст участников: 7—12 лет.<br />
Выбирая наши мероприятия, ознакомьтесь с условиями публичного <a data-mce-="" href="http://www.nastyaini...</a>. </p>
</div>
<p><strong><span data-mce-style="color: #993300;">Стоимость:</span></strong> 490 руб. — ребёнок. <span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">Звоните: </span><strong style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;"><a href="tel:+74955405802"><span style="color: rgb(255, 140, 0);">+7 495 540-58-02</span></a></strong><span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">, чтобы уточнить наличие свободного места</span>.<br />
<strong><a data-mce-="" href="https://detiknigi.ru...-v-izdatelstvo" target="_blank"><span style="color:#FF8C00;">КУПИТЬ БИЛЕТ</span></a></strong></p>
<div onclick="$('#spoiler4').toggle(); return(false);" style="cursor: pointer;"><strong>Подробное описание</strong>
<div>
<div id="spoiler4" style="display: none;">
<p> </p>
<p>Экскурсия по детскому издательству «Настя и Никита». Как книга появляется на свет? Гости узнают всё о работе издательства, изучат рукопись и макет книги, исследуют рабочее место верстальщика, дизайнера, корректора. Разберутся, чем занимаются отделы продаж и продвижения. А также заглянут в кабинет главного редактора. В программе — игровой мастер-класс: участники станут издателями и писателями и даже будут участвовать в раздаче автографов.<br />
<br />
<span data-mce-style="line-height: 1.5;">Длительность: 1,5 часа.</span><br />
Возраст участников: 7—12 лет.<br />
Выбирая наши мероприятия, ознакомьтесь с условиями публичного <a data-mce-="" href="http://www.nastyaini...</a>. </p>
</div>
Пришлите, пожалуйста, ссылку на страницу, где можно увидеть ошибку
#5
Отправлено 19 Июль 2019 - 20:04
MikDark (19 Июль 2019 - 20:00) писал:
Пришлите, пожалуйста, ссылку на страницу, где можно увидеть ошибку
Вот она — https://detiknigi.ru...-detskogo-kluba
#6
Отправлено 20 Июль 2019 - 03:30
Здравствуйте.
У вас нарушена структура, спойлеры с текстом вложены друг в друга, должна быть следующая структура:
У вас нарушена структура, спойлеры с текстом вложены друг в друга, должна быть следующая структура:
<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;"> текст </div> <div id="spoiler1" style="display: none;"> текст при нажатии </div> <div onclick="$('#spoiler2').toggle(); return(false);" style="cursor: pointer;"> текст </div> <div id="spoiler2" style="display: none;"> текст при нажатии </div>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных