Plusieurs instances de slideToggle qui basculent tout

voix
1

Je le script suivant qui apparaît plusieurs fois sur ma page. Je simple bascule coulissant attaché à <div class=info>et contolled par <a rel=viewinfo>étiquette, mais quand je clique sur l'ancre, tous les divs avec toboggan info classe.

voici le HTML / PHP

<div class=couplistMeta>
    <a class='view' rel=viewinfo href=#>View Coupon</a>
    <a class=print href=#>Print</a>
</div>
<div class=info>
    <p><?php echo $rec2[4].&nbsp;&nbsp;--&nbsp;&nbsp;Phone:&nbsp;&nbsp;.$rec2['phone']; ?></p><p><?php echo $rec2['address'].&nbsp;&nbsp;--&nbsp;&nbsp;.$rec2['city'].,&nbsp;.$rec2['state'].&nbsp;.$rec2['zip']; ?></p>
</div>

Voici le Javascript

$(document).ready(function() {
    $('div.info').hide();
    $(a[rel='viewinfo']).click(function() {
            $('div.info').slideToggle(400);
            return false;
    });
});

J'ai essayé d' utiliser $(this).next('div.info').slideToggle(400);mais juste cassé l'effet. Donc , $('div.info')est trop général, comment puis - je être plus précis avec la JS?

Créé 27/08/2009 à 00:13
source utilisateur
Dans d'autres langues...                            


1 réponses

voix
2

Essaye ça:

$(document).ready(function() {
    $('div.info').hide();
    $("a[rel='viewinfo']").click(function() {
        $(this).parent().next('.info').slideToggle(400);
        return false;
    });
});

La question étant due à $('div.info')itérer implicitement sur tous les divéléments avec la classe infosur la page.

Créé 27/08/2009 à 00:20
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more