切換一類一個新的div但是一點擊

Question

我有一個非常基本的jQuery代碼添加一個新類來HTML元素：

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

它添加了display-none類到div容器點擊時登錄的ID爲＃。然而，我想要的是將這個類添加到另一個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> 

希望這會幫助你...