同时避免多次切换

时间:2013-09-14 17:07:40

标签: jquery function toggle

我需要一些关于jquery切换的帮助: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>

1 个答案:

答案 0 :(得分:1)

尝试这样的事情:

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