jquery múltiplo alterna em uma página - jquery, toggle

Oi, eu estou tentando obter várias instâncias de uma alternância de jquery trabalhando em uma única página, usando divs. O violino atual está aqui: http://jsfiddle.net/sketch360/kX34v/ e eu estou usando o javascript simples:

$(".toggle-title").click(function () {
$(".toggle-details").toggle("fast");
});

Infelizmente, no momento, alternar qualquer um dosOs títulos mostram todos os resultados, pois obviamente todos eles têm a mesma classe, mas não consigo encontrar uma maneira de ativar a div filho pertencente ao pai, sem também ativar os outros filhos.

Eu estou tentando encontrar uma maneira de fazer isso sem precisar modificar muito o html, ou seja, ter classes diferentes para cada uma das crianças.

Eu já olhei para a resposta de Jeff: violino e, embora funcione bem no violino, ele não parece funcionar no meu site (wordpress). Meu violão acima está funcionando, apenas sem a ação de alternância independente que procuro.

Respostas:

Você não deve fazer dessa maneira. Você alterna tudo dessa maneira. Então, altere seu código desta maneira:

$(".toggle-title").click(function () {
$(this).next(".toggle-details").toggle("fast");
});

Violino: http://jsfiddle.net/praveenscience/kX34v/1/

A seguir também funcionará se você usar o jquery 1.2 ou versão posterior

$(".toggle-title").click(function () {
$(this).nextAll(".toggle-details").first().toggle("fast");
});

aqui está o violino http://jsfiddle.net/kX34v/3/