質問: function(){ $("dd.test01").slideToggle("fast",function(){ if(!$(this).is(':visible')) $("dd.test02").slideToggle("fast"); }); }; if($("dd.test02").is(':visible')) $("dd.test02").slideToggle("fast", test01_toggle); else test01_toggle(); }); ``` ### 試したこと 課題に対してアプローチしたことを記載してください ### 補足情報(言語/FW/ツール等のバージョンなど) より詳細な情報
回答: 親となる`.box`をループさせる形で処理を行えば、個々で制御可能となります。 ほぼmonaganoさんのコードの流用となるので、こちらで問題なければ、monaganoさんにベストアンサーを付けてください。 ``` $('dd').hide(); $('.box01') .each(function (index, box) { var $box = $(box); $box.find('.toggleswitch').click(function(){ //test01をtoggleする処理 var test01_toggle = function(){ $box.find("dd.test01").slideToggle("fast",function(){ if(!$(this).is(':visible')) $box.find("dd.test02").slideToggle("fast");//test01⇒test02 }); }; if($box.find("dd.test02").is(':visible')) $box.find("dd.test02").slideToggle("fast", test01_toggle);//test02⇒test01 else test01_toggle();//初回クリック }); }); ```