javascript - JQuery を使用して表示と非表示を切り替える

Question

1 つのクラスに ID を持つ多数の div があります。1 つを表示して残りを非表示にするにはどうすればよいですか? 3 つの div を含む HTML を次に示します。

<div class="build">
   <div id="slide1">
      <!--slide1 elements -->
   </div>
   <div id="slide2">
      <!--slide2 elements-->
   </div>
   <div id="slide3">
      <!--slide2 elements-->
   </div>
</div>

これは私がJSで試したことです：

if (exp_id == "a_exp1") {
    new_exp_id = exp_id;

    $("#right").html("<div><img id='myimage1' onclick='changeimage1()' src='images/build_i.png'/>")
}

function changeimage1() {
    for (var n = 1; n <= 3; n++) {
        if (new_exp_id == "a_exp" + n) {


            $('.build').hide();
            $('.build').find('#slide' + n).show();
        }
    }
}   

そのため、そのa_exp1場合はスライド 1 に対応する必要があり、その場合はスライド 2 にa_exp2対応する必要があります。

1 つの div を表示し、残りを非表示にする必要があります。どうすればいいですか？HTML の冒頭でクラス全体を非表示にしました。