質問: はじめまして141hといいます、 HTMLとCSSの勉強をはじめて2か月になります。 よろしくお願いします。 今回はクリックするとフェードして切り替わるタブを作ろうと思い コーディングしていたのですが、サイト構成でどうしてリストにするわけにはいかず 1つのddの中に3つaタグを入れるという形でタブを作りたいのですがうまくいきませんでした。 最初にliで作ったコードになります(こちらはうまく切り替わりました) 【HTML】 【JavaScript】 $(document).ready(function(){ $(".tabMenu li a").on("click",function(){ $(".tabBoxes div").hide(); $($(this).attr("href")),fadeToggle(); return false; }); }); このようにするとタブの切り替えができるのでですが これをliではなく下記のようにddでやろうとするとうまく切り替わってくれません。 サイト構成上どうしても一つのddの中にaタグを三ついれるという形にしなくてはいけないのですが それが原因なのかもわからずどうかお力添えいただけるとありがたいです。 よろしくお願いいたします。 【HTML】 【JavaScript】 $(document).ready(function(){ $(".tabMenu dd a").on("click",function(){ $(".tabBoxes div").hide(); $($(this).attr("href")),fadeToggle(); return false; }); }); 追記
回答: ``` ``` これでは「dtタグ以下のddタグ」は存在しないので取得できません。