あるjQueryを横幅が750px以下の時のみ作動させたい

Question

###前提・実現したいこと
jQuery初心者です。
あるjQueryを横幅が750px以下の時のみ作動させたいのですが
うまく実装できないため質問させていただきます<(_ _)>

###該当のソースコード
750px以下でのみ作動させたいのjQueryの内容：
「続きを読む」テキストをクリックしたらテキストがスライドされながら表示される

下記ページで紹介されているコードを用いています。
http://coolwebwindow.com/jquery-lab/archives/473

<script>

  $(function(){
      $('.more').each(function(){
          var $ele = $(this);
          $ele.prepend('<div class="open"><a href="#">&#9660; read more..</a></div>');
          $ele.append('<div class="close"><a href="#"> × close</a></div>');
          $ele.find('.open').nextAll().hide();
          $ele.find('.open').click(function(){
              $ele.find('.open').hide();
              $ele.find('.open').nextAll().slideDown();
              return false;
          });
           $ele.find('.close').click(function(){
              $ele.find('.open').nextAll().slideUp('slow', function() {
                  $ele.find('.open').show();
              });
              return false;
          });
      });
});
</script>

###試したこと
下記を組み込もうとしたのですがうまくいきませんでしたotz

<script>
$(window).resize(function(){
    var w = $(window).width();
    var x = 750;
    if (w <= x) {
       
        });
    } else {
       
        });
    }
});
</script>

Comments

[kei344]

まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。また、解決されていないなら状況を質問文に追記ください。

Answer 1

単純に750ox以内の時に動作(発火)させたいのであればこう書けば動きます。

$(function(){
	var w = $(window).width();
	var x = 750;
	if(w <= x)
	{
		$('.more').each(function(){
          var $ele = $(this);
          $ele.prepend('<div class="open"><a href="#">&#9660; read more..</a></div>');
          $ele.append('<div class="close"><a href="#"> × close</a></div>');
          $ele.find('.open').nextAll().hide();
          $ele.find('.open').click(function(){
              $ele.find('.open').hide();
              $ele.find('.open').nextAll().slideDown();
              return false;
          });
           $ele.find('.close').click(function(){
              $ele.find('.open').nextAll().slideUp('slow', function() {
                  $ele.find('.open').show();
              });
              return false;
          });
      });
	}
	else
	{
		//750px以上の時の処理
	}
});

リサイズ時にも同じ動作をしたいのであれば、

$(window).resize(function(){

});

この中に上のコードをぶち込めばいいです。

Comments

[take__]

ありがとうございます！！助かりました！！