質問編集履歴

1

コードの追加

2017/03/07 00:30

投稿

pythago
pythago

スコア47

test CHANGED
File without changes
test CHANGED
@@ -28,7 +28,7 @@
28
28
 
29
29
  https://kadoppe.com/archives/2012/02/jquery-window-resize-event.html を参考にリサイズ時のjsの処理を書き分けようとしました。
30
30
 
31
- ```
31
+ ```Javascript
32
32
 
33
33
  (function($){
34
34
 
@@ -78,7 +78,7 @@
78
78
 
79
79
 
80
80
 
81
- ```
81
+ ```Javascript
82
82
 
83
83
  (function($){
84
84
 
@@ -137,3 +137,63 @@
137
137
 
138
138
 
139
139
  どなたかご教授いただけますでしょうか?
140
+
141
+
142
+
143
+ #追記
144
+
145
+ ```Javascript
146
+
147
+ (function($) {
148
+
149
+
150
+
151
+ "use strict";
152
+
153
+ var x = 768;
154
+
155
+ var w = $(window).width();
156
+
157
+ if(w < x){
158
+
159
+ $('dd').css('display','none');
160
+
161
+ }
162
+
163
+ $('dt').on('click', function() {
164
+
165
+ if (w > x){ return false; }
166
+
167
+ $( this ).next( 'dd' ).slideToggle();
168
+
169
+ $( this ).toggleClass( 'open' );
170
+
171
+ } );
172
+
173
+ var timer = false;
174
+
175
+ $(window).resize(function() {
176
+
177
+ var w = $(window).width();
178
+
179
+ if(w < x){
180
+
181
+ if (timer !== false) {
182
+
183
+ clearTimeout(timer);
184
+
185
+ }
186
+
187
+ timer = setTimeout(function(){
188
+
189
+ $('dd').css('display','none');
190
+
191
+ }, 200);
192
+
193
+ }
194
+
195
+ });
196
+
197
+ })(jQuery);
198
+
199
+ ```