Jquery切换多个按钮

我有多个按钮,通过 jquery切换脚本获得活动的css样式.但是我想一次只有一个按钮.但是,当我重新点击一个活动按钮时,它必须变得不活跃.

$(document).ready(function(){
    $('.button').click(function() {       
        $(this).toggleClass('buttonactive');
    });
});

基本上我需要添加一行说：

$(除此之外的所有.button).removeClass(‘buttonactive’);

我不知道怎么回事.有人能帮我吗？
这是一个有问题的JSfiddle：http://jsfiddle.net/nV5Tu/3/

解决方法

你可以这样做,使用 .toggleClass()切换当前元素..然后使用 .not()过滤掉当前元素从删除类

$('.button').click(function() {  
    $('.button').not(this).removeClass('buttonactive'); // remove buttonactive from the others
    $(this).toggleClass('buttonactive'); // toggle current clicked element
});

FIDDLE