Verwenden Sie .siblings() , um ein Element mit der Klasse details zu finden, das ein Geschwister des übergeordneten Elements der Verknüpfung ist.
Versuchen Sie es stattdessen:
%Vor%Demo hier .
Was Ihr aktueller Selektor tut, ist die Auswahl von all -Elementen, die übereinstimmen. Was das obige Snippet macht, ist das Element relativ zu demjenigen auszuwählen, auf das geklickt wurde, indem $(this) verwendet wird, was in diesem Fall das <a> ist, auf das geklickt wurde.
Da <a> innerhalb von <h3> liegt und <div> ein Geschwister von <h3> und nicht von <a> ist, müssen Sie $.parent() , um <h3> auszuwählen, dann verwenden Sie $.next() , um das nächste Element nach dem <h3> zu erhalten, welches der <div> ist, den Sie umschalten möchten.
Der bessere Weg dazu wäre, Ihren Click-Handler stattdessen an den <h3> zu binden. Dies vereinfacht die Selektorverkettung und beseitigt alle Probleme, die Sie möglicherweise mit dem <a> -Tag haben. Das würde besser funktionieren, IMO:
Eine etwas aufwendigere Lösung, aber es bietet die Möglichkeit, andere Beschreibungen zu schließen, wenn Sie eine neue öffnen, die in den aktuellen Antworten fehlt.
%Vor%Tags und Links jquery