質問編集履歴
4
data-value記述漏れ
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -30,11 +30,11 @@
|
|
|
30
30
|
|
|
31
31
|
<ul class="flexbox">//liのどれかをクリックで上のclass.stepに".active"を追加したい
|
|
32
32
|
|
|
33
|
-
<li><a class="btn trans1" onclick="sample(this)">りんご</a></li>
|
|
33
|
+
<li><a class="btn trans1" data-value="りんご" onclick="sample(this)">りんご</a></li>
|
|
34
34
|
|
|
35
|
-
<li><a class="btn trans2" onclick="sample(this)">みかん</a></li>
|
|
35
|
+
<li><a class="btn trans2" data-value="みかん" onclick="sample(this)">みかん</a></li>
|
|
36
36
|
|
|
37
|
-
<li><a class="btn trans3" onclick="sample(this)">もも</a></li>
|
|
37
|
+
<li><a class="btn trans3" data-value="もも" onclick="sample(this)">もも</a></li>
|
|
38
38
|
|
|
39
39
|
</ul>
|
|
40
40
|
|
3
js追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
|
|
26
26
|
|
|
27
|
-
<div id="question">
|
|
27
|
+
<div id="question" class="fit">
|
|
28
28
|
|
|
29
29
|
<p>下記のいずれかをクリック</p>
|
|
30
30
|
|
|
@@ -58,6 +58,22 @@
|
|
|
58
58
|
|
|
59
59
|
};
|
|
60
60
|
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
$(function () {
|
|
64
|
+
|
|
65
|
+
$(".btn").on("click", function () {
|
|
66
|
+
|
|
67
|
+
$(this).closest("div").css("display", "none");
|
|
68
|
+
|
|
69
|
+
id = $(this).attr("href");
|
|
70
|
+
|
|
71
|
+
$(id).addClass("fit").show("slow");
|
|
72
|
+
|
|
73
|
+
});
|
|
74
|
+
|
|
75
|
+
});
|
|
76
|
+
|
|
61
77
|
```
|
|
62
78
|
|
|
63
79
|
```css
|
2
sample()関数追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -50,6 +50,14 @@
|
|
|
50
50
|
|
|
51
51
|
})
|
|
52
52
|
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
function sample(elem) {
|
|
56
|
+
|
|
57
|
+
product = $(elem).data('value');
|
|
58
|
+
|
|
59
|
+
};
|
|
60
|
+
|
|
53
61
|
```
|
|
54
62
|
|
|
55
63
|
```css
|
1
css追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -52,6 +52,16 @@
|
|
|
52
52
|
|
|
53
53
|
```
|
|
54
54
|
|
|
55
|
+
```css
|
|
56
|
+
|
|
57
|
+
#sample{
|
|
58
|
+
|
|
59
|
+
margin-top: 90px;
|
|
60
|
+
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
```
|
|
64
|
+
|
|
55
65
|
上記コードでは効きませんでした。
|
|
56
66
|
|
|
57
67
|
jsの$(要素)の部分を色々と修正してみましたが、どれもだめでした。
|