Javascript jQuery中的有效下拉登录框

首先我找到了这个

我把箱子翻起来

现在我有登录和唱起来下拉框，但我有问题

当我点击Login（激活）并点击Sing up（激活第二个框）后，登录框不启动（未停用），现在打开2个框（激活）

我需要激活其中一个，第二个停用

这是jQuery代码（复制过去）

谢谢你，对不起我的英语

---

下面是它现在如何工作的示例

您需要检查其他框是否打开

$('#login-trigger').click(function(){
$(this).next('#login-content').slideToggle();
$(this).toggleClass('active'); 
if($('#registr-trigger').hasClass('active')){
  $('#registr-trigger').slideToggle();
  $('#registr-trigger').toggleClass('active'); 
}});

类似于注册表触发器的代码请尝试以下操作：

$(document).ready(function(){
    $('#login-trigger').click(function(){
    $('#registr-trigger:visible').hide(); // <<<- new code
    $(this).next('#login-content').slideToggle();
    $(this).toggleClass('active');                  

    if ($(this).hasClass('active')) $(this).find('span').html('&#x25B2;')
        else $(this).find('span').html('&#x25BC;')
    });
    /*----------------------------------------------------------------------------*/
    $('#registr-trigger').click(function(){
    $('#login-trigger:visible').hide(); // <<<- new code
    $(this).next('#registr-content').slideToggle();
    $(this).toggleClass('active');                  

    if ($(this).hasClass('active')) $(this).find('span').html('&#x25B2;')
        else $(this).find('span').html('&#x25BC;')
    });
});

$（文档）.ready（函数（）{
$（“#登录触发器”）。单击（函数（）{
$（“#注册表触发器：可见”）.hide（）；//此处

/*----------------------------------------------------------------------------*/
    $('#login-trigger').click(function () {
        $('#registr-content').slideUp();
        if ($('#registr-content').hasClass('active')) {
            $('#registr-content').find('span').html('▲');
        } else {
            $('#registr-content').find('span').html('▼');
        }
        $(this).next('#login-content').slideToggle();
        $(this).toggleClass('active');

        if ($(this).hasClass('active')) {
            $(this).find('span').html('▲');
        } else {
            $(this).find('span').html('▼');
        }
    });
    /*----------------------------------------------------------------------------*/
    $('#registr-trigger').click(function () {

        if ($('#login-content').hasClass('active')) {
            $('#login-content').find('span').html('▲');
        } else {
            $('#login-content').find('span').html('▼');
        }
        $('#login-content').slideUp();

        $(this).next('#registr-content').slideToggle();
        $(this).toggleClass('active');

        if ($(this).hasClass('active')) {
            $(this).find('span').html('▲');
        } else {
            $(this).find('span').html('▼');
        }
    });

/*----------------------------------------------------------------------------*/
    $('#login-trigger').click(function () {
        $('#registr-content').slideUp();
        if ($('#registr-content').hasClass('active')) {
            $('#registr-content').find('span').html('▲');
        } else {
            $('#registr-content').find('span').html('▼');
        }
        $(this).next('#login-content').slideToggle();
        $(this).toggleClass('active');

        if ($(this).hasClass('active')) {
            $(this).find('span').html('▲');
        } else {
            $(this).find('span').html('▼');
        }
    });
    /*----------------------------------------------------------------------------*/
    $('#registr-trigger').click(function () {

        if ($('#login-content').hasClass('active')) {
            $('#login-content').find('span').html('▲');
        } else {
            $('#login-content').find('span').html('▼');
        }
        $('#login-content').slideUp();

        $(this).next('#registr-content').slideToggle();
        $(this).toggleClass('active');

        if ($(this).hasClass('active')) {
            $(this).find('span').html('▲');
        } else {
            $(this).find('span').html('▼');
        }
    });