Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.07.2019, 07:12
Аспирант
Отправить личное сообщение для _marisha Посмотреть профиль Найти все сообщения от _marisha
 
Регистрация: 18.05.2018
Сообщений: 82

Отображение всех записей при загрузке страницы
Доброго времени суток!
На сайте существует неопределенное количество разделов.
Изначально, при загрузке страницы отображаются 5 штуки и кнопка "Смотреть все".
При нажатии на "Смотреть все" отображаются все записи и в конце появляется кнопка "Свернуть". Если свернуть, то отображаются как изначально 5 элементов.
За это отвечает код (срабатывает else):
(jQuery);
$(window).load(function(){ 
 if ($(window).width() <= '1224')
 {
  $('.readmore').readmore({maxHeight: 190,moreLink: '<a href="#" style="margin width: 100%; display: block;text-align: center;margin: 20px 0 20px;border: 1px solid #f2f2f2; cursor: pointer;"><span class="more_text_ajax">Смотреть все</span></a>',lessLink: '<a href="#" style="width: 100%; display: block;text-align: center;margin: 20px 0 20px;border: 1px solid #f2f2f2; cursor: pointer;"><span class="more_text_ajax">Свернуть</span></a>'});

 }
 else
 {       
$('.readmore').readmore({maxHeight: 247,
  moreLink: '<a href="#" style="margin width: 100%; display: block;text-align: center;margin: 20px 0 20px;border: 1px solid #f2f2f2; cursor: pointer;"><span class="more_text_ajax">Смотреть все</span></a>',
  lessLink: '<a href="#" style="width: 100%; display: block;text-align: center;margin: 20px 0 20px;border: 1px solid #f2f2f2; cursor: pointer;"><span class="more_text_ajax">Свернуть</span></a>'});
}
}
);

Необходимо, чтобы изначально отображались все записи, но с кнопкой "Свернуть" и после того как свернули, чтобы отображалось 5 записей с кнопкой "Смотреть все".
Подскажите, пожалуйста, как реализовать. Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 11.07.2019, 07:37
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,310

_marisha,
).readmore({startOpen: true, maxHeight...
Ответить с цитированием
  #3 (permalink)  
Старый 11.07.2019, 08:18
Аспирант
Отправить личное сообщение для _marisha Посмотреть профиль Найти все сообщения от _marisha
 
Регистрация: 18.05.2018
Сообщений: 82

рони, спасибо огромное! Как раз то что нужно
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
запуск анонимной функции при загрузке страницы golden_yuna Общие вопросы Javascript 10 16.04.2016 20:42
Действия при загрузке страницы adamenko.artem ExtJS 5 30.07.2013 12:59
Эффект полета картинки в угол экрана при загрузке страницы. crazygangster77 Элементы интерфейса 1 05.06.2013 14:17
Обрезать часть слов у всех <h3> при загрузке страницы swess Общие вопросы Javascript 9 14.01.2012 04:44
Срабатывание скрипта при загрузке страницы bormax Общие вопросы Javascript 3 03.04.2008 08:57