jQuery的如何顯示/隱藏只有最接近跨度

Question

下面是我得到了什麼：http://jsfiddle.net/dontbe/VBhYT/20/

$(document).ready(function() { 
$('.show_hide').click(function() { 
    $(".commenthidden").slideToggle(); 
});}); 

我的問題是：我怎麼顯示在點擊只有1跨度/隱藏在一個時間，而不是所有的他們？

任何幫助，將不勝感激。謝謝。

Answer 1

你可以這樣做：

$(document).ready(function() { 
    $('.show_hide').click(function() { 
     $(this).next(".commenthidden").slideToggle(); 
    }); 
}); 

• 轉到next元素anchor被點擊在當前範圍內。

FIDDLE

Answer 2

您可以使用

$(".commenthidden").eq(0).slideToggle(); 

但是你可能真的要項相對於你點擊的項目，可使用$（本）

Answer 3

做一個切換

試用.next() like

$(document).ready(function() { 
    $('.show_hide').click(function() { 
     $(this).next(".commenthidden").slideToggle(); 
    }); 
}); 

看到這個DEMO

Answer 4

使用parent()功能，然後找到內的相關span：

$('.show_hide').click(function() { 
    $(this).parent().find(".commenthidden").slideToggle(); 
}); 

Updated fiddle