質問するログイン新規登録

質問編集履歴

1

現状説明のため

2020/04/16 01:24

投稿

astaraea_lagoon
astaraea_lagoon

スコア5

title CHANGED
File without changes
body CHANGED
@@ -50,4 +50,27 @@
50
50
  ①PC表示(幅751px以上)時はアコーディオン解除され、最初からコンテンツがすべて表示される。
51
51
  ②SP表示時にアコーディオンを閉じた状態でPC幅に広げると自動でコンテンツが表示される。
52
52
 
53
- ②で苦戦してしまいましたので改善方法をデモにてご教授お願いいたします・・・。
53
+ ②で苦戦してしまいましたので改善方法をデモにてご教授お願いいたします・・・。
54
+
55
+
56
+ ※追記
57
+
58
+ ```js
59
+ if (window.matchMedia( "(max-width: 750px)" ).matches) {
60
+
61
+ $(".message_acd_pomy").on("click", function(){
62
+ if($(this).hasClass("on")){
63
+ $(this).removeClass("on").next(".message_acd_area").slideUp();
64
+ }else {
65
+ $(this).addClass("on").next(".message_acd_area").slideDown();
66
+ }
67
+ });
68
+
69
+ } else {
70
+ $(".message_acd_pomy:not(.categories)").on("click", function(){
71
+ return false;
72
+ });
73
+ }
74
+ ```
75
+
76
+ 現在上記のような形となっておりますが、スマホサイズからPCサイズに変更時にアコーディオンがリセットされない状況となっております。