Javascript 当类未激活时，如何让span重置？

好的，我想提醒你，我对javascript和jquery几乎一无所知，我现在只需要这两个按钮。（例如，我将jquery放在不同的脚本中，因为我不确定是否可以正确地将它们放在同一个脚本中[我的html中有jquery/javascript]）

无论如何，我的问题是，当另一个类处于活动状态时，我无法让我的span元素恢复到单击父元素之前的状态。如果在打开另一个下拉表单之前不关闭其中一个表单，则最终会使箭头方向错误

 $('#login-trigger').click(function(event) {
     event.preventDefault();
    var other = $('#signup-trigger'); //adding this makes it more readable and caches the jQuery object for a teeny tiny speed improvement 

    //slide this content down
    $(this).next('#login-content').slideDown();
    //slide that content up
    $('#signup-content').slideUp();

    //add to this
    $(this).addClass('active');
    //remove from that
    other.removeClass('active');

    if ($(this).hasClass('active')){
        $(this).find('span').html('▲');
        other.find('span').html('&#x25BC;');//< swap the other link's arrow!
    }else{
        $(this).find('span').html('&#x25BC;');
         other.find('span').html('&#x25B2;');
    }
    return false;
});

$('#signup-trigger').click(function(event) {
    event.preventDefault();
    var other = $('#login-trigger');
    //slide this content down
    $(this).next('#signup-content').slideDown();
    //slide that content up
    $('#login-content').slideUp();

    //add to this
    $(this).addClass('active');
    //remove from that
    other.removeClass('active');

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

ps-除非我做错了什么，否则您不需要查看整个代码片段（只需jquery和html）

pps-如果你看了这段代码，我知道我的代码乱七八糟

$（“#登录触发器”）。单击（函数（）{
$（this）.next（“#登录内容”）.slideToggle（）；
$（this.toggleClass（'active'）；
$（'#signup trigger.active'）.removeClass（'active'）；
if（$（this.hasClass（'active'））$（this.find（'span'）.html（'▲；'））
else$（this.find（'span'）.html（'▼；'）；
$（this）.parent（）.sides（）.children（）.next（）.slideUp（）；
返回false；
});
$（“#注册触发器”）。单击（函数（）{
$（this）.next（“#注册内容”）.slideToggle（）；
$（this.toggleClass（'active'）；
$（'#login trigger.active'）.removeClass（'active'）；
if（$（this.hasClass（'active'））$（this.find（'span'）.html（'▲；'））
else$（this.find（'span'）.html（'▼；'）；
$（this）.parent（）.sides（）.children（）.next（）.slideUp（）；
返回false；
});
nav{
边缘顶部：10px；
右边距：30px；
}
导航ul{
排名：0；
右：0；
利润率：10px 1%10px 5px；
填充：0；
列表样式：无；
位置：绝对位置；
浮动：对；
背景#939393；
边框底部：1px实心#fff；
边界半径：3px；
显示：内联块；
}
李海军{
浮动：左；
}
导航#登录{
右边框：1px实心#ddd；
盒影：1px0#fff；
}
导航#登录触发器{
显示：内联块；
*显示：内联；
*缩放：1；
高度：25px；
线高：25px；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：粗体；
字体大小：14px；
填充：0 8px；
文字装饰：无；
颜色：#3E8EC4；
}
导航#登录触发器{
边界半径：3px 0 3px；
}
导航#登录触发器：悬停，
导航#登录。活动{
背景：#FFFFFF；
}
导航#登录内容{
显示：无；
位置：绝对位置；
顶部：24px；
右：0；
z指数：999；
背景：#FFFFFF；
背景图像：线性梯度（顶部，#fff，#eee）；
填充：6px；
盒影：02px2px-1pxRGBA（0,0,0,9）；
边界半径：3px 0 3px 3px；
}
导航李#登录内容{
右：0；
宽度：264px；
}
/*--------------------*/
#输入{
背景#f1f1；
填充：6px 5px；
利润率：0.5px.0px；
宽度：234px；
边框：1px实心#ccc；
边界半径：3px；
盒影：0 1px 1px#ccc插页；
}
#输入：焦点{
背景色：#fff；
边框颜色：#e8c291；
大纲：无；
盒影：0 1px#e8c291插图；
}
#输入标签{
宽度：150px；
显示：内联块；
}
#输入标签输入{
显示：内联块；
宽度：13px；
保证金：自动1px；
垂直对齐：中间对齐；
}
/*--------------------*/
#登录#操作{
利润率：10px0；
左侧填充：6px；
右边填充：6px；
}
#登录#提交2{
背景色：#d14545；
背景图像：线性渐变（顶部，#e97171，#d14545）；
-moz边界半径：3px；
-webkit边界半径：3px；
边界半径：3px；
文本阴影：0 1px 0 rgba（0,0,0,5）；
框阴影：0 1px rgba（0,0,0,0.3），0 1px 0 rgba（255,255,255,0.3）插入；
边框：1px实心#7e1515；
浮动：左；
高度：30px；
填充：0；
宽度：100px；
光标：指针；
字体：粗体14px Arial，Helvetica；
颜色：#fff；
}
#登录#提交2：悬停，
#登录#提交2：焦点{
背景色：#e97171；
背景图像：线性渐变（顶部，#d14545，#e97171）；
}
#登录#提交2：活动{
大纲：无；
盒影：0 1px4pRGBA（0,0,0,0.5）插页；
}
#登录#提交2:：-moz焦点内部{
边界：无；
}
#登录标签{
浮动：对；
线高：30px；
}
#登录标签输入{
位置：相对位置；
顶部：2个；
右：2px；
}
/*--------------------*/
导航注册{
右边框：1px实心#ddd；
盒影：1px0#fff；
}
导航#注册a{
边界半径：0 3px 3px 0；
}
导航#注册触发器{
显示：内联块；
*显示：内联；
*缩放：1；
高度：25px；
线高：25px；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：粗体；
字体大小：14px；
填充：0 8px；
文字装饰：无；
颜色：#3E8EC4；
}
导航#注册触发器{
边界半径：3px 0 3px；
}
导航#注册触发器：悬停，
导航#注册。激活{
背景：#FFFFFF；
}
导航#注册内容{
显示：无；
位置：绝对位置；
顶部：24px；
右：0；
z指数：999；
背景：#FFFFFF；
背景图像：线性梯度（顶部，#fff，#eee）；
填充：6px；
盒影：02px2px-1pxRGBA（0,0,0,9）；
边界半径：3px 0 3px 3px；
}
nav li#注册内容{
右：0；
宽度：264px；
}
#注册行动{
利润率：10px0；
左侧填充：6px；
右边填充：6px；
}
#注册#提交2{
背景色：#d14545；
背景图像：线性渐变（顶部，#e97171，#d14545）；
-moz边界半径：3px；
-webkit边界半径：3px；
边界半径：3px；
文本阴影：0 1px 0 rgba（0,0,0,5）；
框阴影：0 1px rgba（0,0,0,0.3），0 1px 0 rgba（255,255,255,0.3）插入；
边框：1px实心#7e1515；
浮动：左；
高度：30px；
填充：0；
宽度：150px；
光标：指针；
字体：粗体14px Arial，Helvetica；
颜色：#fff；
左边距：50像素；
}
#注册#提交2：悬停，
#注册#提交2：关注{
背景色：#e97171；
背景图像：线性渐变（顶部，#d14545，#e97171）；
}
#注册#提交2：活动{
大纲：无；
盒影：0 1px4pRGBA（0,0,0,0.5）插页；
}
#注册#提交2:：-moz focus inner{
边界：无；
}
#注册标签{
浮动：对；
线高：30px；
}
#注册实验室
 $(this).parent().siblings().children().next().slideUp();

 $(this).next('#login-content').slideToggle();