javascript - スライドに複数の ID を選択するToggle JQuery

Question

私はこのようなslideToggle関数を持っています

$(document).ready(function(){
$(".widget-content-box").slideUp(); // $(".widget-content-box").hide()
$("#goal1").click(function(){
    $(this).parent().next().slideToggle("slow");
 });
})

#goal1 の ID でクリック機能を実行していて、複数の slideToggles を使用したいのですが、#goal1、#goal2、#goal3 などを使用するのではなく、何を使用できますか? idプラスattrですか？しかし、コードでそれを設定するにはどうすればよいですか、または見つけるためのリソースはどこにありますか?

任意の助けをいただければ幸いです

Answer 1

すでに提案されているようにクラスを追加する HTML を変更できない場合は、「で始まる」セレクターを使用できます^。

$("[id^=goal]").click(function(){
    $(this).parent().next().slideToggle("slow");
});

Answer 2

要素にgoalクラスを与えてから、次のようにします。

$(".goal").click(function(){
    $(this).parent().next().slideToggle("slow");
});