jquery - 已经完成后的 jQuery 操作

Question

我正在尝试编写一个小的 jquery 代码，但我只是停留在一个点上。

这是我的示例代码 - http://jsfiddle.net/KfA4k/3/。

如您所见，有 2 个按钮，每个目标都针对特定的隐藏“警报”，并且有 1 个按钮可以激活特定的“警报”。

当您按下每个警报按钮时，它只会将特定类添加到“运行”按钮，因此我可以看到用户想要哪个警报。如果我用 FireBug 检查按钮，我会看到类正在正确更改，但 jQuery 只获取类中的硬编码。

如果你不明白问题，请查看我的jsfiddle示例代码，它会更容易理解。

Answer 1

您应该只将一个事件真正连接到#run 按钮。

只需使用 if 语句来查看哪个社交活动是活跃的并切换特定的隐藏社交。

$('#social1').on('click', function() {
    $('a').removeClass('active');
    $(this).addClass("active");
});

$('#social2').on('click', function() {
    $('a').removeClass('active');
    $(this).addClass("active");
});

$('#run').on('click', function() {
    if ($("#social2").hasClass("active")) $('#hidden-social-2').animate({
        height: 'toggle'
    });
    else $('#hidden-social-1').animate({
        width: 'toggle'
    });
});

http://jsfiddle.net/KfA4k/5/