Javascript 使用jQuery打开和关闭div，减少冗长

我仍在学习JavaScript/jQuery，我试图用最少的措辞打开和关闭div，我试图摆脱重复自己的习惯，因为它更容易编码

$（文档）.ready（函数（）{
$（函数（）{
$（'第二节，'第三节'）.css（'显示'，'无'）；
$（'.section opener'）。函数（e）{
e、 预防默认值（）；
var target=$（this）.data（“target”）；
变量$target=$（目标）；
$（'.section'）.not（$target）.stop（true，true）.css（'display'，'none'）；
$target.stop（true，true）.css（'display'，'block'）；
});
})；

我在第一区

我在第二区

我在第三区

您的代码非常混乱，看起来也不正确

当您提到关闭和打开时，您的意思似乎是显示和隐藏，而不是通常认为的“关闭”，即

此外，您似乎正在使用JavaScript设置初始显示，您应该在其中使用CSS：

<style>
  #section-two, #section-three{
     display: none;
  }
</style>

CSS:

---

我不太清楚你在问什么？什么是

$（this）.data（“target”）

应该阅读，但我没有看到任何相应的数据？你叫什么来着

。停下来

，如果一开始没有任何动画开始的话？谢谢你，这就是我要找的。我以前用过几次我提供的代码，实际上是这个网站上的某个人提供给我的。

$(document).ready(function () {
    $('.section-opener').on('click', function (e) {
        e.preventDefault();

        var target = $(this).data("target");

        $('.section').hide();

        $(target).show();
    });
});

.section {
    display: none;
}