2回クリックする必要がある、以下のJSを一回のクリックで実行するにはどうしたら良いでしょうか。
(1)$("#tabBoxes div.box").hide();
の後に、
$($(this).attr("href")).fadeToggle();
を実行したいです。
よろしくお願い致します。
JS
1$(function(){ 2 $("#tabMenu li a").on("click", function() { 3 $("#tabBoxes div.box").hide(); 4 $($(this).attr("href")).fadeToggle(); 5 }); 6 });
HTML
1<ul class="sr_menu clearfix" id="tabMenu"> 2 <li><a href="#tabBox1"><img src="../img/sr_menu_01.png" class="zoom"/></a></li> 3 <li><a href="#tabBox2"><img src="../img/sr_menu_02.png" class="zoom" /></a></li> 4 <li><a href="#tabBox3"><img src="../img/sr_menu_03.png" class="zoom" /></a></li> 5</ul> 6 7<div id="tabBoxes"> 8 <div id="tabBox1" class="box"></div> 9 <div id="tabBox2" class="box"></div> 10 <div id="tabBox3" class="box"></div> 11</div>