質問編集履歴
3
修正依頼
test
CHANGED
File without changes
|
test
CHANGED
@@ -107,3 +107,15 @@
|
|
107
107
|
codepenコード
|
108
108
|
|
109
109
|
https://codepen.io/kkcol/pen/qBYVYeE
|
110
|
+
|
111
|
+
以下で希望通りの動きになりました
|
112
|
+
js
|
113
|
+
```ここに言語を入力
|
114
|
+
$(function(){
|
115
|
+
$('.info dl dd').hide();
|
116
|
+
$('.info dl dt').on('click',function(){
|
117
|
+
$('.info dl dt').not(this).next('dd');
|
118
|
+
$(this).toggleClass("close").next('dd').slideToggle(500);
|
119
|
+
});
|
120
|
+
});
|
121
|
+
```
|
2
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -27,10 +27,10 @@
|
|
27
27
|
|
28
28
|
js
|
29
29
|
```ここに言語を入力
|
30
|
-
$(
|
30
|
+
$(dl dd').hide();
|
31
|
-
$('
|
31
|
+
$('dl dt')
|
32
32
|
.click(function(e){
|
33
|
-
//$('
|
33
|
+
//$('dl dd').slideUp(500);
|
34
34
|
$('+dd', this).slideToggle(500);
|
35
35
|
$('.news_title').toggleClass("close");
|
36
36
|
})
|
@@ -104,3 +104,6 @@
|
|
104
104
|
|
105
105
|
|
106
106
|
```
|
107
|
+
codepenコード
|
108
|
+
|
109
|
+
https://codepen.io/kkcol/pen/qBYVYeE
|
1
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -43,6 +43,7 @@
|
|
43
43
|
現状
|
44
44
|
クリックするとnews_titleすべてに closeのクラスが付与されてしまう。
|
45
45
|
|
46
|
+
```ここに言語を入力
|
46
47
|
<dl>
|
47
48
|
<div class="bg">
|
48
49
|
<dt class="news_title">
|
@@ -78,9 +79,11 @@
|
|
78
79
|
</dd>
|
79
80
|
</div>
|
80
81
|
</dl>
|
82
|
+
```
|
81
83
|
|
82
84
|
再現したいhtml
|
83
85
|
クリックしたら一つ目に closeし、2個目選択したら一つ目は削除され2つ目にclose付与
|
86
|
+
```ここに言語を入力
|
84
87
|
<dl>
|
85
88
|
<div class="bg">
|
86
89
|
<dt class="news_title close">
|
@@ -100,3 +103,4 @@
|
|
100
103
|
</dl>
|
101
104
|
|
102
105
|
|
106
|
+
```
|