回答編集履歴
1
コメントを受けて追記
test
CHANGED
|
@@ -57,3 +57,29 @@
|
|
|
57
57
|
|
|
58
58
|
|
|
59
59
|
あと、ここでは、`show`と`shown`、および`hide`と`hidden`は、必ずペアで発生する、と想定して`toggleClass()`を使ってますが、何らかの要因でペアにならない可能性も考慮するなら、`show`と`hide`では`addClass()`し、`shown`と`hidden`では`removeClass()`する、という作戦の方が良いかもしれません。
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
---
|
|
64
|
+
|
|
65
|
+
[追記]
|
|
66
|
+
|
|
67
|
+
(B)がやりたいのであれば、JSは不要だと思います。
|
|
68
|
+
|
|
69
|
+
メニューの開閉状態は、「ボタンに`collapsed`クラスが付いてるかどうか」で判断できるので…。
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
```css
|
|
74
|
+
|
|
75
|
+
.accordion-button1:not(.collapsed) {
|
|
76
|
+
|
|
77
|
+
background-color: #d7000f;
|
|
78
|
+
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
```
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
※`collapsed`クラスは、Bootstrapが付け外ししてくれます。
|