回答編集履歴
1
複数あるらしい
answer
CHANGED
|
@@ -16,4 +16,24 @@
|
|
|
16
16
|
});
|
|
17
17
|
});
|
|
18
18
|
});
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
### （コメントを受けて追記）複数ある場合でクリックしたものだけにしたい場合
|
|
22
|
+
これでどうでしょうか？
|
|
23
|
+
```javascript
|
|
24
|
+
$(function() {
|
|
25
|
+
//パネルを非表示
|
|
26
|
+
$('.staff_bun').hide();
|
|
27
|
+
$(document).on('click touchend', '.staff_name, .staff_btn', function () {
|
|
28
|
+
//クリックでパネルを開く
|
|
29
|
+
$(this).parent().find('.staff_bun').slideToggle(500);
|
|
30
|
+
// 画像を切り替える
|
|
31
|
+
var $img = $(this).parent().find('.onoff-btn');
|
|
32
|
+
$img.toggle(function(){
|
|
33
|
+
$img.attr('src','https://placehold.jp/ffffff/ffffff/30x30.png');
|
|
34
|
+
},function(){
|
|
35
|
+
$img.attr('src','https://placehold.jp/30x30.png');
|
|
36
|
+
});
|
|
37
|
+
});
|
|
38
|
+
});
|
|
19
39
|
```
|