如何創建的slideToggle其封閉一個開放

Question

我下面舉個例子：

http://jsfiddle.net/zidski/Vn9RD/

鏈接時打開其中一個，然後我點擊連接兩個，我怎麼密切聯繫呢？

$('a.county').each(function(e){ 
    $(this).bind('click', function(e){ 
     var thisIs = $(this).index(); 
     $('.countystats').eq(thisIs).slideToggle(100); }); 
    }); 

Answer 1

只需滑動其他的人了第一：

$('.countystats').slideUp(); 
$('.countystats').eq(thisIs).slideDown(100); 

Answer 2

你可以試試這個棘手的方式， 你的HTML會喜歡......

<div id="1sub" class="sub">sub1</div> 
<div id="2sub" class="sub">sub2</div> 
<div id="3sub" class="sub">sub3</div> 

<div id="stream-1" class="stream" style="display:none;">Stream 1</div> 
<div id="stream-2" class="stream" style="display:none;">Stream 2</div> 
<div id="stream-3" class="stream" style="display:none;">Stream 3</div> 

現在，jQuery的

$(".sub").click(function(){ 
var subClicked = $(this).attr('id'); 
$(".stream").hide(); 
$("#stream-" + subClicked.substring(0,1)).toggle(); 
}); 

Answer 3

你可以捕捉到目前的el EMENT要操作 - 並使用.not()篩選出來

$('a.county').bind('click', function (e) { 
    var thisIs = $(this).index(); 
    var $el = $('.countystats').eq(thisIs); // element you want to toggle 
    $el.slideToggle(100); 
    $('.countystats').not($el).slideUp(100); // slide all the other ones up 
}); 

FIDDLE

Answer 4

$('a.county').on('click',function(){ 
    $('.countystats').slideUp(300); 
    $('.countystats').eq($(this).index()).slideDown(300); 
}); 

我已經更新了你的小提琴，檢查一也。 http://jsfiddle.net/Vn9RD/3/

Answer 5

試試這個：

在這裏工作小提琴：http://jsfiddle.net/7TdSK/

我希望它能幫助。