php - SlideToggle的多个实例，可切换所有内容

我有以下脚本，该脚本在页面上多次出现。我在<div class="info">上附加了一个简单的幻灯片切换器，并在<a rel="viewinfo">标记的控制下进行了切换，但是当我单击锚点时，所有带有类信息幻灯片的divs。

这是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>

这是Javascript

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

我尝试使用$(this).next('div.info').slideToggle(400);，但这只是破坏了效果。所以$('div.info')太笼统了，我如何使用JS更具体？

最佳答案

尝试这个：

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

该问题是由于$('div.info')隐式遍历页面上具有类div的所有info元素所致。

关于php - SlideToggle的多个实例，可切换所有内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1338081/