切换一个新的div类，但单击了一个

Question

我有一个非常基本的jquery代码，用于向HTML元素添加新类：

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

它将display-none类添加到div容器中，当它被单击时，其id为＃sign-in。但是我想要的是将这个类添加到另一个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>

WORKING DEMO

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>

希望这会对你有帮助......