質問: ### 前提・実現したいこと ここに質問の内容を詳しく書いてください。 `#push00`というidのボタンを押したら、`#box00`というidのdivが表示されるというコードを書いたのですが、 こちらをまとめて記述したいです。 ### 該当のソースコード ``` おはようございます 次へ こんにちは 次へ こんばんは ``` ``` $(function(){ $("#box01").css("display", "none"); $("#push01").one("click", function () { $("#box01").toggle(); }); $("#box02").css("display", "none"); $("#push02").one("click", function () { $("#box02").toggle(); }); }); ``` ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。
回答: 必ずリンクしているというルールなのであればdata属性などを利用してリンクさせるのもありです。 あとは同じ処理をしているエレメントには同じclassを与えてthisで対応。 ``` おはようございます 次へ こんにちは 次へ こんばんは ``` ``` $(function(){ $(".box").hide(); $(".btn").one("click", function () { $("#"+$(this).data("box-target")).toggle(); }); }); ``` * thisについて * HTML5 カスタムデータ属性「data-*」にJavaScript、jQueryからアクセスする方法 追記: そういえば幾つかhtmlがおかしい部分がありますので修正しました。 開始のdivがないのにで閉じている。→ 開始が分からないので閉じdivを削除 としてしまっている。→ に修正