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

回答編集履歴

1

情報の追加。

2019/02/03 16:16

投稿

kei344
kei344

スコア69625

answer CHANGED
@@ -16,4 +16,24 @@
16
16
  $(this).css("width","50%");
17
17
  });
18
18
  });
19
- ```**動くサンプル:**[https://jsfiddle.net/vunrktjb/](https://jsfiddle.net/vunrktjb/)
19
+ ```**動くサンプル:**[https://jsfiddle.net/vunrktjb/](https://jsfiddle.net/vunrktjb/)
20
+
21
+ ---
22
+
23
+ **追記:**
24
+
25
+ ```CSS
26
+ .gazou {
27
+ width: 30%;
28
+ }
29
+ .gazou.gazou_large {
30
+ width: 50%;
31
+ }
32
+ ```
33
+ ```js
34
+ $(function() {
35
+ $(".gazou").click(function(){
36
+ $(this).toggleClass("gazou_large");
37
+ });
38
+ });
39
+ ```**動くサンプル:**[https://jsfiddle.net/xhb1oc07/](https://jsfiddle.net/xhb1oc07/)