jquery accaparement espace réservé actuel div ou générique pour afficher/fonction cacher

Question

j'ai le code ci-dessous

<div id=topbar> 
<a class="nav" href="#" onClick="if($('#embedding').css('display') == 'none') { $('#embedding').show('fast'); } else { $('#embedding').hide('fast'); } return false;">Show Details</a> 
<div id=embedding>Content</div> 
</div> 

Dans le lien pour afficher la couche d'enrobage, est-il possible au lieu de mettre #embedding, je peux faire quelque chose donc il attrape le div suivant donc je peux l'utiliser dynamiquement?

Désireux de l'utiliser pour formater des résultats MySQL en PHP.

MISE À JOUR pour ceux qui se demandent, c'est la solution

<a class="nav" href="#" onClick="if($(this).next('div').css('display') == 'none') { $(this).next('div').show('fast'); } else { $(this).next('div').hide('fast'); } return false;">Show Details</a> 

Answer 1

Utilisez la méthode next() d'objet jquery:

<a href="#" onclick="$(this).next('div').toggle();">Toggle next div</a>