Перейти к содержимому


Отображение Скрытого Текста При Нажатии На Ссылку


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 ОльгаВикторовна

ОльгаВикторовна

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 19 Июль 2019 - 16:34

Подскажите при помощи каких тегов это можно сделать. На другом сайте (не на вашей платформе) у меня это реализовано при помощи <div class="click_but">Показать больше</div>
<div>Кусок текста, который требуется скрыть</div>

#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 398 сообщений

Отправлено 19 Июль 2019 - 17:45

Просмотр сообщенияОльгаВикторовна (19 Июль 2019 - 16:34) писал:

Подскажите при помощи каких тегов это можно сделать. На другом сайте (не на вашей платформе) у меня это реализовано при помощи <div class="click_but">Показать больше</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 ОльгаВикторовна

ОльгаВикторовна

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 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>&nbsp;490 руб. &mdash; ребёнок. <span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">Звоните:&nbsp;</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;">, чтобы уточнить&nbsp;наличие свободного места</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>&nbsp;</p>

<p>Экскурсия по детскому издательству &laquo;Настя и Никита&raquo;. Как книга появляется на свет? Гости узнают всё о работе издательства, изучат рукопись и макет книги, исследуют рабочее место верстальщика, дизайнера, корректора. Разберутся, чем занимаются отделы продаж и продвижения. А также заглянут в кабинет главного редактора. В программе &mdash; игровой мастер-класс: участники станут издателями и писателями и даже будут участвовать в раздаче автографов.<br />
<br />
<span data-mce-style="line-height: 1.5;">Длительность: 1,5 часа.</span><br />
Возраст участников: 7&mdash;12 лет.<br />
Выбирая наши мероприятия, ознакомьтесь с условиями публичного&nbsp;<a data-mce-="" href="http://www.nastyaini...</a>.&nbsp;</p>
</div>

#4 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 398 сообщений

Отправлено 19 Июль 2019 - 20:00

Просмотр сообщенияОльгаВикторовна (19 Июль 2019 - 19:13) писал:

Огромное спасибо, со скрытым текстом всё прекрасно получилось. Но у меня были ссылки на этой странице на товары в каталоге и ссылки перестали работать(( Кроме первой. Подскажете, что это может быть? Сейчас код в этом куске (где и скрытый текст и ссылка) выглядит вот так:

<p><strong><span data-mce-style="color: #993300;">Стоимость:</span></strong>&nbsp;490 руб. &mdash; ребёнок. <span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">Звоните:&nbsp;</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;">, чтобы уточнить&nbsp;наличие свободного места</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>&nbsp;</p>

<p>Экскурсия по детскому издательству &laquo;Настя и Никита&raquo;. Как книга появляется на свет? Гости узнают всё о работе издательства, изучат рукопись и макет книги, исследуют рабочее место верстальщика, дизайнера, корректора. Разберутся, чем занимаются отделы продаж и продвижения. А также заглянут в кабинет главного редактора. В программе &mdash; игровой мастер-класс: участники станут издателями и писателями и даже будут участвовать в раздаче автографов.<br />
<br />
<span data-mce-style="line-height: 1.5;">Длительность: 1,5 часа.</span><br />
Возраст участников: 7&mdash;12 лет.<br />
Выбирая наши мероприятия, ознакомьтесь с условиями публичного&nbsp;<a data-mce-="" href="http://www.nastyaini...</a>.&nbsp;</p>
</div>

Пришлите, пожалуйста, ссылку на страницу, где можно увидеть ошибку

#5 ОльгаВикторовна

ОльгаВикторовна

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 19 Июль 2019 - 20:04

Просмотр сообщенияMikDark (19 Июль 2019 - 20:00) писал:

Пришлите, пожалуйста, ссылку на страницу, где можно увидеть ошибку

Вот она — https://detiknigi.ru...-detskogo-kluba

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 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 анонимных