回答編集履歴
1
コメント対応版追加
answer
CHANGED
|
@@ -38,4 +38,32 @@
|
|
|
38
38
|
|
|
39
39
|
こんな感じですかね。
|
|
40
40
|
HTMLのラジオボタンの値を`pika`と`huwa`にしないと動作しなさそうですが、
|
|
41
|
-
調整して試してみてください。
|
|
41
|
+
調整して試してみてください。
|
|
42
|
+
|
|
43
|
+
---
|
|
44
|
+
|
|
45
|
+
【コメント対応版】
|
|
46
|
+
|
|
47
|
+
表示状態の「2回目」が表示されっぱなしになって邪魔で困ってるんですよね？
|
|
48
|
+
実行開始と同時に消してみてはどうでしょうか？
|
|
49
|
+
|
|
50
|
+
```JavaScript
|
|
51
|
+
$(function(){
|
|
52
|
+
var target = "pika";
|
|
53
|
+
|
|
54
|
+
$('input[name=selectterm]').on('change', function() {
|
|
55
|
+
target = $(this).val();
|
|
56
|
+
});
|
|
57
|
+
|
|
58
|
+
$('.osu').on("click",function(){
|
|
59
|
+
$('.pika2').add('.huwa2').fadeOut(0);
|
|
60
|
+
if (target === "pika") {
|
|
61
|
+
$('.pika1').fadeIn(100).delay(100).fadeOut(100);
|
|
62
|
+
$('.pika2').delay(300).fadeIn(100);
|
|
63
|
+
} else {
|
|
64
|
+
$('.huwa1').fadeIn(1000).delay(1000).fadeOut(1000);
|
|
65
|
+
$('.huwa2').delay(3000).fadeIn(1000);
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
});
|
|
69
|
+
```
|