我在標題中有兩個具有不同內(nèi)容的切換（toggle-1 和 toggle-2）。我想阻止用戶同時激活兩個切換（否則它們會重疊）。在下面的代碼中，我嘗試使用 if 語句來隱藏一個切換，如果另一個已經(jīng)打開，但它不起作用。理想情況下，我希望發(fā)生的是，如果 toggle-1 處于活動狀態(tài)并且用戶單擊 toggle-2，則 toggle-1 將返回其原始狀態(tài)，而 toggle-2 現(xiàn)在將處于活動狀態(tài)。反過來也是一樣。我還不熟悉 JavaScript，如果您能告訴我我做錯了什么以及應(yīng)該如何做才能獲得理想的結(jié)果，我將不勝感激如果你覺得它更容易，這里是我的 CodePen 的鏈接：https ://codepen.io/fergos2/pen/NWWxgEpvar myTogglevar oneToggle = $(document).ready(function() {  $('.toggle-1').click(function() {    $('.toggle-1').toggleClass('active')    $('.toggle-1-content').toggleClass('active')  })})var twoToggle = $(document).ready(function() {  $('.toggle-2').click(function() {    $('.toggle-2').toggleClass('active')    $('.toggle-2-content').toggleClass('active')  })})if (myToggle == oneToggle) {  $(document).ready(function() {    $('toggle-2-content').hide();  })} else if (myToggle == twoToggle) {  $('toggle-1-content').hide();}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="container">  <div class="wrapper">    <div class="toggle-1">1</div>    <div class="toggle-1-content">      <p>Some content 1</p>    </div>    <div class="toggle-2">2</div>    <div class="toggle-2-content">      <p>Some content 2</p>    </div>  </div></div>