Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.12.2017, 12:17
Кандидат Javascript-наук
Отправить личное сообщение для 12345678 Посмотреть профиль Найти все сообщения от 12345678
 
Регистрация: 03.09.2012
Сообщений: 109

Немного изменить "раскрывающийся список"
Доброго времени суток.

Использую немного модифицированный методом тыка скрипт из этого поста https://javascript.ru/forum/dom-wind...tml#post369837

jQuery(function ()
  {  var t = jQuery('.ta'), max , min = 600;
   jQuery('.read-next').on('click', function (event)
  {max = t[0].scrollHeight
   var H = t.height();
   t.height(H < max ? max : min);
   jQuery(this).text(H < max ? 'Свернуть список' : 'Показать полный список')
   jQuery(".read-next-grad").hide();
   return false
  })
  })


Как его изменить, чтобы по открытию не высвечивалось "Свернуть список", т.к. если даже удалить словосочетание из скрипта, то всё равно имеется невидимая область, клик по которой сворачивает список. Как это убрать вообще? Т.е, развернулся список и всё.

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

Подскажите пожалуйста.

P.S.

По поводу строчки
jQuery(".read-next-grad").hide();
- Использую такую конструкцию в самом HTML
<div class="read-next-grad"></div><a class="read-next" href="#">Раскрыть список...</a>

Дизайн полупрозрачного перехода, чтобы визуально было понятно, что за ним ещё есть данные. По раскрытию данный градиент, естественно, скрывается.

Последний раз редактировалось 12345678, 29.12.2017 в 13:22.
Ответить с цитированием
  #2 (permalink)  
Старый 29.12.2017, 12:51
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Убрать строку 7 кода.
Ответить с цитированием
  #3 (permalink)  
Старый 29.12.2017, 12:57
Кандидат Javascript-наук
Отправить личное сообщение для 12345678 Посмотреть профиль Найти все сообщения от 12345678
 
Регистрация: 03.09.2012
Сообщений: 109

Сообщение от laimas Посмотреть сообщение
Убрать строку 7 кода.
Я пробовал, но тогда остаётся надпись "Раскрыть список...", которая изначально в HTML находится.
Ответить с цитированием
  #4 (permalink)  
Старый 29.12.2017, 13:13
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от 12345678
остаётся надпись "Раскрыть список...", которая изначально в HTML находится.
Ну так уберите ее из кода.
Ответить с цитированием
  #5 (permalink)  
Старый 29.12.2017, 13:18
Кандидат Javascript-наук
Отправить личное сообщение для 12345678 Посмотреть профиль Найти все сообщения от 12345678
 
Регистрация: 03.09.2012
Сообщений: 109

Сообщение от laimas Посмотреть сообщение
Ну так уберите ее из кода.
А каким образом мне тогда сделать возможность раскрытия списка?

Предполагаю, что сюда jQuery(".read-next-grad").hide(); надо вписать ещё и "read-next" стиль. Вот только не знаю как это правильно сделать, везде примеры с одним вписанным стилем....

Вот так jQuery(".read-next-grad", ".read-next").hide(); не работает :-(

Последний раз редактировалось 12345678, 29.12.2017 в 13:38.
Ответить с цитированием
  #6 (permalink)  
Старый 29.12.2017, 13:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

12345678,
jQuery(".read-next-grad,.read-next").hide();
Ответить с цитированием
  #7 (permalink)  
Старый 29.12.2017, 13:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от 12345678
А каким образом мне тогда сделать возможность раскрытия списка?
Сообщение от 12345678
Как его изменить
ещё бы знать что вы хотите сделать, не осилил ваше описание
Ответить с цитированием
  #8 (permalink)  
Старый 29.12.2017, 13:56
Кандидат Javascript-наук
Отправить личное сообщение для 12345678 Посмотреть профиль Найти все сообщения от 12345678
 
Регистрация: 03.09.2012
Сообщений: 109

Сообщение от рони Посмотреть сообщение
12345678,
jQuery(".read-next-grad,.read-next").hide();
Спасибо! Это решает проблему, вкупе с рекомендацией выше удалить строчку :-)

Задача решена.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужно переделать (немного изменить) скрипт в шаблоне сайта. dmitry116 Работа 0 19.09.2016 14:45
Изменить класс родительского элемента STyLe Общие вопросы Javascript 1 29.05.2014 20:21
Немного изменить скрипт помогите - плавное открытие div'ов Эдди Элементы интерфейса 4 26.09.2013 14:23
как изменить css свойсво нескольких елементов? IIIgun Общие вопросы Javascript 17 12.08.2011 12:20
Как создать "раскрывающийся список" sashajs Элементы интерфейса 1 06.05.2011 18:28