已經完成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/