Her şeyi geçiş slideToggle birden çok örneği

1 Cevap php

Benim sayfada birden çok kez görünen aşağıdaki komut dosyası var. I <div class="info"> bağlı ve <a rel="viewinfo"> etiketi ile contolled basit bir slayt mafsal var, ama ben çapa tıkladığımda, sınıf bilgisi slayt ile tüm divs.

Burada 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>

İşte Javascript olduğunu

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

I $(this).next('div.info').slideToggle(400); kullanarak denedim ama bu sadece etkiyi kırdı. Yani $('div.info') nasıl JS ile daha spesifik olabilir, çok geneldir?

1 Cevap

Bu deneyin:

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

Nedeniyle $('div.info') örtülü sayfada info sınıfı ile tüm div öğeleri üzerinde yineleme için varlık sorunu.

etiketler