Více instancí SlideToggle které páčkové vše

hlasů
1

Mám následující skript, který se objeví vícekrát na mé straně. Mám jednoduchý posuvný přepínač připojený k <div class=info>a contolled pomocí <a rel=viewinfo>tagu, ale když kliknu na kotvě, všechny prvky div class s informacemi o snímku.

Zde je 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>

Zde je Javascript

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

Snažil jsem se pomocí $(this).next('div.info').slideToggle(400);, ale to jen zlomil efekt. Takže $('div.info')je příliš obecný, jak mohu být konkrétnější s JS?

Položena 27/08/2009 v 00:13
zdroj uživatelem
V jiných jazycích...                            


1 odpovědí

hlasů
2

Zkuste to:

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

Tato otázka je kvůli $('div.info')implicitně iterace přes všechny divprvky s třídou infona stránce.

Odpovězeno 27/08/2009 v 00:20
zdroj uživatelem

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