Comment puis-je Masquer/Afficher une durée lorsque tous ont la même classe?

J'ai ce code HTML:

<p>Hello <span class="hide" style="display:none">there</span> jquery</p>
<button class="toggle">Toggle</button>
<p>Hello <span class="hide" style="display:none">You</span> jquery</p>
<button class="toggle">Toggle</button>

Avec cette jQuery:

$('.toggle').toggle(
    function() {
        $('.hide').show("slow");},
    function() {    
        $('.hide').hide("slow");}
);

Maintenant, comme vous pouvez le voir les deux boutons ont la même classe, et les deux de la durée de la même classe. Ce que j'essaie de faire ici, c'est que lorsque j'appuie sur l'un d'entre eux, il est conseillé de masquer/afficher la durée au-dessus d'elle.

J'ai obtenu de la manière dont il est maintenant sur ce jsFiddle

Des idées?

Merci d'avance

Federico