質問編集履歴

1 HTML追記

shingosuchin

shingosuchin score 14

2017/09/08 17:16  投稿

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

    22124 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る