使用slidetoggle导航栏

Question

我有一个带登录和注册的导航栏。当我点击a（也称为触发器）上下滑动但我不隐藏其他“标签”

如果我点击A（“＃login-trigger），我希望它隐藏我的注册页面，如果。以及另一种方式使用注册触发器。

如果有人可以帮助我，我会很高兴，因为我现在已经尝试了几个小时，包括从这里尝试一些代码。

这是我的整个Jquery脚本

$(document).ready(function () {
    $('#login-trigger').click(function () {
        $(this).next('#login-content').slideToggle();
        if ($(this).hasClass('active')) $(this).find('span').html('▲')
        else $(this).find('span').html('▼');
    })
    $('#signup-trigger').click(function () {
        $(this).next('#signup-content').slideToggle();
        if ($(this).hasClass('active')) $(this).find('span').html('▲')
        else $(this).find('span').html('▼');
    });
});

由于

Answer 1

你想要这样的东西吗？ 这会切换单击的项目，但会向上滑动备用项目。

http://jsfiddle.net/8A4T7/1/

$(document).ready(function () {
    $('#login-trigger').click(function () {
        $('#login-content').slideToggle();
        $('#signup-content').slideUp();
        if ($(this).hasClass('active')) $(this).find('span').html('▲')
        else $(this).find('span').html('▼');
    })
    $('#signup-trigger').click(function () {
        $('#login-content').slideUp();
        $('#signup-content').slideToggle();
        if ($(this).hasClass('active')) $(this).find('span').html('▲')
        else $(this).find('span').html('▼');
    });
});