お世話になります。
数件ずつグループ分けした要素を、「続きを読む」ボタン等で
次々と表示させたいと思っています。
最初のグループ要素に対してjQueryを使って
連番を降ることまではできたのですが、
そこから先の方法が判らず苦慮しています。
jQueryはまだ触りだしたところで、ほぼ初心者です。
###前提・実現したいこと
ページを読込んだ際、最初のグループのみ表示され、
以下のグループは「続きを読む」ボタンをクリックすることで
対応する連番のdivが表示されるようにしたいと思います。。
(.more_2をクリックで.group_2を表示)
お知恵を拝借できればと思いますので
何卒よろしくお願いいたします
###ソースコード
html
1<div class="group_1"> 2 <section> 〜コンテンツが入ります</section> 3</div> 4 5<a href="#" class="more_2">続きを読む</a> 6<!-- 以下の要素は最初は非表示 --> 7<div class="group_2"> 8 <section> 〜コンテンツが入ります</section> 9</div> 10 11<a href="#" class="more_3">続きを読む</a> 12<div class="group_3"> 13 <section> 〜コンテンツが入ります</section> 14</div> 15 16<a href="#" class="more_4">続きを読む</a> 17・ 18・ 19・
javascript
1#(function(){ 2 #('.group').each(function(i){ 3 #(this).attr('class','group_' + (i+1)); 4 }); 5 #('.more').each(function(i){ 6 #(this).attr('class','more_' + (i+2)); 7 }); 8 //以上で要素に連番を降っています。 9});
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。