javascript - 使用 JQuery 隐藏和显示

Question

我在一个类中有很多带有 id 的 div。如何显示一个并隐藏其余的？这是我的 HTML 和 3 个这样的 div

<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，就应该对应slide1，如果是a_exp2，就应该对应slide2，以此类推。

我需要显示一个 div 并隐藏其余部分。我该怎么做呢？我在 HTML 的开头隐藏了整个类。

Answer 1

$('.build').children('div').click(function()
{
    $(this).show().siblings().hide();
});