jquery - 避免同时进行多个切换

Question

我需要一些关于 jquery toggle 的帮助：D。所以，我有 2 个左侧栏（一个用于登录，一个用于注册），但它们可以同时切换，这并不好（1-没有意义 2-看起来不好）。我正在寻找解决方案，但找不到，可能没有用好词搜索。有人可以给我一个解决方案吗？

$(document).ready(function(){
    $('.meniu-ico').click(function(){
        $('#sub-meniu-contulmeu').toggle( "slide" , 500);
    }); // sfarsit click user manage
    $('.inregistrare-ico').click(function(){
        $('#forma-inregistrare').toggle( "slide" , 500);
    }); // sfarsit click register
    $('.autentificare-ico').click(function(){
        $('#forma-autentificare').toggle( "slide" , 500);
    }); // sfarsit click login
}); // sfarsit jquery



<nav id='contulmeu'>
  <ul>
    <li><span class='meniu-ico'><a>Contul meu</a></span></li>
    <li><span class='inregistrare-ico'><a>Inregistrare</a></span></li>
    <li><span class='autentificare-ico'><a>Autentificare</a></span></li>
  </ul>
</nav>

Answer 1

尝试这样的事情：

$('a').on('click', function () {
    $('a.active').not(this).removeClass('active');
    $(this).toggleClass('active');
});