質問編集履歴

1 HTML追記

shingosuchin score 16

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