Перейти к содержанию

Рекомендуемые сообщения

Доброго дня!

 

Нужен функционал скрытия части текста, который будет лицом к юзеру, то есть без работы в области html

 

Сидит контент менеджер в лицевой части пишет  " Начало Бла-бла-бла -(втавил конпку "Подробнее") Много Бла-Бла-Бла - (Вставил кнопку - "Скрыть") у Бла - Конец

 

Текстов много поэтому нужна простая функциональность/

Скрипт скрывающий часть текста по кол-ву строк немного не подойдет, поскольку нужна свобода - скрывать не по шаблону, а в любой области текста, где это потребуется.

 

Прошу:

1. Стоимость;

2. Сроки

 

Спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

самое простое так..

<div class="block">
  <button>Подробнее</button>
  <div class="text" tabindex="0">
    Тут текст
  </div>
</div>

button {outline: none;}
.text {
  display: block;
  width: 300px;
  height: 10px;
  border: 1px solid black;
  padding: 5px;
  margin-top: 5px;
  outline: none;
  overflow: hidden;
}
.text:focus, button:focus ~ .text {height: auto;}

 

Изменено пользователем Oksana79

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Что-то пошло не так))

Кнопка не отрабатывает, отрабатывается чуть ниже https://ckzbilety.ru/afisha-nojabr/azamat-bishtov

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
21 минуту назад, specialforce22 сказал:

Что-то пошло не так))

Кнопка не отрабатывает, отрабатывается чуть ниже https://ckzbilety.ru/afisha-nojabr/azamat-bishtov

так https://jsfiddle.net/Lgf705zr/ попробуйте

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Я сейчас использую подобный скрипт, только строчка "Скрыть" опускается вниз под текст, когда дочитал, удобно, кликнуть и собрать текст.

Но опять же, как это все автоматизировать, чтобы какой нибудь автомат-контент человек, чтобы не выглядывал в html области куда бы вставить скрипт.

А прямо в зрительной части строчил текст.

 

Реально ли это реализовать?

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

качаем тут, пилим под себя в карточку товара

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
5 часов назад, Pascha сказал:

качаем тут, пилим под себя в карточку товара

 

 :lol: Бомба! Такой вариант - очень даже.

Возьметесь запилить? 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
4 часа назад, specialforce22 сказал:

 

 :lol: Бомба! Такой вариант - очень даже.

Возьметесь запилить? 

там ребенок разберется, думаю сделаете самостоятельно

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
15 минут назад, Pascha сказал:

там ребенок разберется, думаю сделаете самостоятельно

 

Не..вопрос актуальный, я только умею дистрибутивы устанавливать))

Да и так дел не впроворот, что приходится на аутсорс задачи передавать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
7 часов назад, specialforce22 сказал:

Вопрос закрыт

Для кого вопрос остался открытым: 


для v. 2.1 (product_description_expand_collapse_2_1.ocmod.xml)  демо тут


для 2.3 (product_description_expand_collapse_2_3.ocmod.xml) демо тут

  • +1 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.