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/

jQuery操作已经完成

1 个答案: