javascript - 在两个元素之间打开和关闭一个类

Question

我有这个html:

<div class="container">
   <div id="element-1" class="element-show"></div>
   <div id="element-2"></div>
</div>

我希望类 element-show 对 element-1 隐藏并在 element-2 中显示，反之亦然；从 jQuery 中的一个函数调用。

有什么办法可以正确地做到这一点吗？

Answer 1

这样的事情可以吗？

$("button").on("click", function(e){
  $('.container').children("div").toggleClass("element-show");
})

.element-show{
color:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
   <div id="element-1" class="element-show">x</div>
   <div id="element-2">y</div>
</div>
<button>Toggle class</button>