jquery - 新しい div のクラスを切り替えますが、クリックされたもの

Question

新しいクラスを HTML 要素に追加するための非常に基本的な jquery コードがあります。

<script>
$('#sign-in').on('click', function() {$(this).toggleClass('display-none');
});
</script>

display-noneクリックすると、クラスが #sign-in の id で div コンテナーに追加されます。しかし、私が望むのは、このクラスを別の ID を持つ div に追加することです。そんなことがあるものか？

私が最終的に欲しいもの：

<div id="sign-in"></div> <!-- The div to be clicked -->
<div id="new"></div> <!-- The div I need to add the .display-none class to when the previous div is clicked -->

Answer 1

addClassを使用する

<script>
$('#sign-in').on('click', function() {$(this).toggleClass('display-none');
$("#new").addClass("display-none");
});
</script>

ワーキングデモ

Answer 2

これを使って...

<script>
$('#sign-in').on('click', function() {
$("#new").addClass("display-none");
});
</script>

これがあなたを助けることを願っています...

Answer 3

<script>
$('#sign-in').on('click', function() {
    $('#new').addClass('display-none');
});
</script>