problem z resize()

Question

if ($(window).width() > 991) {
      $('#more').click(function(){
        if($(this).hasClass("border2")) {
          $('.container_body2 .kind_products .products').animate({
            height: '200px'
          }, 1000);
          $('.product_all').fadeOut();
          $('#more').removeClass("border2");
          $('.products').removeClass("products2");

        }
        else {
          $('.container_body2 .kind_products .products').animate({
            height: '360px'
          }, 1000);
          $('.product_all').fadeIn();
          $('#more').addClass("border2");
          $('.products').addClass("products2");
        }
      });
    } else {
      $('#more').click(function(){
        if($(this).hasClass("border2")) {
          $('.container_body2 .kind_products .products').animate({
            height: '370px'
          }, 1000);
          $('.product_all').fadeOut();
          $('#more').removeClass("border2");
          $('.products').removeClass("products2");

        }
        else {
          $('.container_body2 .kind_products .products').animate({
            height: '540px'
          }, 1000);
          $('.product_all').fadeIn();
          $('#more').addClass("border2");
          $('.products').addClass("products2");
        }
      });

    }

Ten fragment kodu jest wsadzony w document.ready().  Jak to wsadzić w resize(), aby zmiany wysokości po kliku zmieniały się także po zmianie szerokości okna? Jak wsadziłam w resize() dodatkowo to miałam niekończące się zmiany wysokości przy zmianie szerokości okna.
Na ten moment odpowiednia wysokość ('.products') wgrywa się tylko po odświeżeniu. Po zmianie szerokości okna - wszystko się rozlatuje.

Answer 1

A od czego mamy CSS? Przed rozpoczęciem nauki JS(a właściwie jQ), zalecam zapoznać pojęciem "Responsywnośc" .

A co jeżeli odpalę sobie na tablecie, i obróce ekran ,że będę go miał w pionie to już nie mam prawa widzieć? xd