質問編集履歴
4
説明を更新
test
CHANGED
File without changes
|
test
CHANGED
@@ -3,6 +3,8 @@
|
|
3
3
|
steps__list-active が次のliに進み、
|
4
4
|
|
5
5
|
content-activeが次のcontentに進むjQueryを書きたいです。
|
6
|
+
|
7
|
+
contetはデフォルト非表示になっていて、content-activeのみ表示をさせたいです。
|
6
8
|
|
7
9
|
forで回してみようと思いましたが、eqに変数を指定すると動きません。。
|
8
10
|
|
3
タイトルを修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
次へ進むボタンを押すと、ページ遷移しないで次の要素を表示させたい
|
1
|
+
次へ進むボタンを押すと、ページ遷移しないで次の要素を表示させたい
|
test
CHANGED
File without changes
|
2
タイトルを修正
test
CHANGED
File without changes
|
test
CHANGED
File without changes
|
1
タグの間違いを修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
次へ進むボタンを押すと、ページ遷移しないで次の要素を表示させたい
|
1
|
+
次へ進むボタンを押すと、ページ遷移しないで次の要素を表示させたい【編集中】
|
test
CHANGED
@@ -7,8 +7,6 @@
|
|
7
7
|
forで回してみようと思いましたが、eqに変数を指定すると動きません。。
|
8
8
|
|
9
9
|
どう直せば動くでしょうか。
|
10
|
-
|
11
|
-
|
12
10
|
|
13
11
|
|
14
12
|
|
@@ -92,28 +90,6 @@
|
|
92
90
|
|
93
91
|
|
94
92
|
|
95
|
-
【jQuery】
|
96
|
-
|
97
|
-
$(function() {
|
98
|
-
|
99
|
-
for( var i = 0; i < $('.steps_list').length; i++){
|
100
|
-
|
101
|
-
$('#slideForm_btn_item-next_0' + i).on('click', function(){
|
102
|
-
|
103
|
-
$('.stepNavi_item').eq(i).removeClass('stepNavi_item-active');
|
104
|
-
|
105
|
-
$('.stepNavi_item').eq(i + 1).addClass('stepNavi_item-active’);
|
106
|
-
|
107
|
-
$(.content’’).eq(i).removeClass(‘content—active’);
|
108
|
-
|
109
|
-
$(.content’’).eq(i + 1).addClass(‘content—active’);
|
110
|
-
|
111
|
-
});
|
112
|
-
|
113
|
-
}
|
114
|
-
|
115
|
-
});
|
116
|
-
|
117
93
|
|
118
94
|
|
119
95
|
|
@@ -147,3 +123,27 @@
|
|
147
123
|
display: block;
|
148
124
|
|
149
125
|
}
|
126
|
+
|
127
|
+
|
128
|
+
|
129
|
+
【jQuery】
|
130
|
+
|
131
|
+
$(function() {
|
132
|
+
|
133
|
+
for( var i = 0; i < $('.steps_list').length; i++){
|
134
|
+
|
135
|
+
$(‘.content_btn0' + i).on('click', function(){
|
136
|
+
|
137
|
+
$('.steps_list').eq(i).removeClass('steps_list-active');
|
138
|
+
|
139
|
+
$(''.steps_list').eq(i + 1).addClass('steps_list-active’);
|
140
|
+
|
141
|
+
$('.content').eq(i).removeClass('content—active');
|
142
|
+
|
143
|
+
$('.content').eq(i + 1).addClass('content—active');
|
144
|
+
|
145
|
+
});
|
146
|
+
|
147
|
+
}
|
148
|
+
|
149
|
+
});
|