質問: $(this).parent().children('div').index(this); $(this).parent('.tab_btn').each(function(){ $('div',this).removeClass('active').eq(num).addClass('active'); }); $(this).parent().next().children('.tabConte').hide().eq(num).show(); }).first().click(); }); ※cssのactive、dl_activeというクラスにdisplay: block;をあてています。 上記のHTMLとjQueryでタブの表示の切り替えはうまくいっています。 ``` ### 試したこと 独学なもので色々な記事を参考にjQueryを書き換えてみたのですがうまくいっていない状態です。 ### 補足情報(言語/FW/ツール等のバージョンなど) HTML、CSS、jQuery
回答: ちょっとごちゃごちゃしていて状況がわからないのですが こんな感じでしょうか? ``` .dl_active{color:aqua;} .active{color:lime;} ``` ``` $(function() { $('.pdf_btn a:first').addClass('dl_active'); $('.tabconte').hide().eq(0).show(); $('.tab_btn div').on('click',function(){ var idx=$('.tab_btn div').index($(this)); $(this).addClass('active').siblings().removeClass('active'); $('.pdf_btn a').removeClass('dl_active').eq(idx).addClass('dl_active'); $('.tabconte').hide().eq(idx).show(); }).eq(0).addClass('active'); }); ```