質問編集履歴

3

脱字

2016/05/02 13:39

投稿

masac225
masac225

スコア17

test CHANGED
File without changes
test CHANGED
@@ -164,4 +164,4 @@
164
164
 
165
165
  ---
166
166
 
167
- 一見関係がなさそうなものも、原因や修正した方が良い点がある可能性があるので一応載せておきました。
167
+ 一見関係がなさそうなコードも、原因や修正した方が良い点などがある可能性があるので一応載せておきました。

2

コードの誤り

2016/05/02 13:39

投稿

masac225
masac225

スコア17

test CHANGED
File without changes
test CHANGED
@@ -38,7 +38,7 @@
38
38
 
39
39
  function () {
40
40
 
41
- $("..selint").slideDown("fast")
41
+ $(".selint").slideDown("fast")
42
42
 
43
43
  },
44
44
 

1

コードの追記

2016/05/02 13:37

投稿

masac225
masac225

スコア17

test CHANGED
File without changes
test CHANGED
@@ -25,3 +25,143 @@
25
25
 
26
26
 
27
27
  ご回答どうかよろしくお願いいたします。
28
+
29
+
30
+
31
+ 追記:一応ですがコードをお載せいたします。
32
+
33
+ ```jQuery
34
+
35
+ $(function () {
36
+
37
+ $(".name").hover(
38
+
39
+ function () {
40
+
41
+ $("..selint").slideDown("fast")
42
+
43
+ },
44
+
45
+ function () {
46
+
47
+ $(".selint").slideUp("fast")
48
+
49
+ }
50
+
51
+ );
52
+
53
+ });
54
+
55
+ ```
56
+
57
+ ---
58
+
59
+ ```HTML
60
+
61
+ <dl>
62
+
63
+ <dt>Founder</dt>
64
+
65
+ <dd><div class="name">1<div class="selint">text1</div></div></dd>
66
+
67
+ </dl>
68
+
69
+
70
+
71
+ <dl>
72
+
73
+ <dt>Leader</dt>
74
+
75
+ <dd><div class="name">2<div class="selint">text2</div></div></dd>
76
+
77
+ <dd><div class="name">3<div class="selint">text3</div></div></dd>
78
+
79
+ <dd><div class="name">4<div class="selint">text4</div></div></dd>
80
+
81
+ </dl>
82
+
83
+
84
+
85
+ <dl>
86
+
87
+ <dt>Member</dt>
88
+
89
+ <dd><div class="name">5<div class="selint">text5/div></div></dd>
90
+
91
+ <dd><div class="name">6<div class="selint">text6</div></div></dd>
92
+
93
+ <!-- 今後増えて行きます。 -->
94
+
95
+ </dl>
96
+
97
+ ```
98
+
99
+ ---
100
+
101
+ ```CSS
102
+
103
+ dl {
104
+
105
+ margin-bottom: 50px;
106
+
107
+ }
108
+
109
+
110
+
111
+ dt {
112
+
113
+ font-size: 30px;
114
+
115
+ width: 150px;
116
+
117
+ margin: auto;
118
+
119
+ border-bottom: 2px solid;
120
+
121
+ }
122
+
123
+
124
+
125
+ .name {
126
+
127
+ color: #333;
128
+
129
+ font-size: 30px;
130
+
131
+ width: 200px;
132
+
133
+ margin: 10px;
134
+
135
+ display: inline-block;
136
+
137
+ border-bottom: dashed 1px #555;
138
+
139
+ }
140
+
141
+
142
+
143
+ .selint {
144
+
145
+ font-family: Meiryo;
146
+
147
+ display: none;
148
+
149
+ width: 200px;
150
+
151
+ top: 40px;
152
+
153
+ background-color: #444;
154
+
155
+ padding: 5px;
156
+
157
+ color: #fff;
158
+
159
+ font-size: 15px;
160
+
161
+ }
162
+
163
+ ```
164
+
165
+ ---
166
+
167
+ 一見関係がなさそうなものも、原因や修正した方が良い点がある可能性があるので一応載せておきました。