使用jquery切換元素

Question

我正在使用JQUery 1.7.1切換名爲.interest-group的div。當你點擊一個鏈接時，它會打開名爲.interest-group的下一個div。現在，您可以將所有.interest-group div切換爲可見，但我想讓它只能一次顯示一個。我怎樣才能做到這一點？

的jsfiddle：http://jsfiddle.net/DWwKs/6/

這裏是我的JQuery：

$(document).ready(function() { 
    $('.interest').toggle(

    function() { 
     $(this).next('.interest-group').show(); 
    }, 

    function() { 
     $(this).next('.interest-group').hide(); 
    }); 
}); 

Answer 1

在這裏你去：http://jsfiddle.net/DWwKs/8/

只需添加$('.interest-group').hide();到第一功能

Answer 2

那撥動的版本（）已在jQuery 1.7中棄用，並在1.9中刪除，請改爲：

$(document).ready(function() { 
    $('.interest').on('click', function(e) { 
     e.preventDefault(); 
     $('.interest-group').hide(); 
     $(this).next('.interest-group').toggle(); 
    }); 
}); 

FIDDLE