Показать сообщение отдельно
  #1 (permalink)  
Старый 30.03.2019, 15:13
Аспирант
Отправить личное сообщение для Rezorwar Посмотреть профиль Найти все сообщения от Rezorwar
 
Регистрация: 25.06.2018
Сообщений: 33

jQuery: load и resize
Проблема в том что есть код, который показывает и скрывает карточки. И когда размер экрана становиться меньше 320 то часть карточек нужно прятать, код работает но когда обратно увеличить размер не перезагружая страницу то видимое количество карточек не увеличивается, помогите пж.
if ($('.main-card__cards').length > 3) {
      $(window).on('load resize',windowSize);
      $('.cards-user__button').show();
    }
    
  $('.cards-user__button').on('click', function() {      
    $('.main-card__cards:gt(5)').toggle();
    $(this).text() === 'Show less' ? $(this).text('Show more') : $(this).text('Show less');
  });

  function windowSize(){
    if ($(window).width() <= '320'){
      $('.main-card__cards:gt(2)').hide();
    } else {
      $('.main-card__cards:gt(5)').hide();
    }
  }
Ответить с цитированием