Question

私のページに複数回出現する以下のスクリプトがあります。私は<div class="info">に添付されたシンプルなスライドトグルを持っていて、<a rel="viewinfo">タグでコントールしましたが、アンカーをクリックすると、クラス情報を持つすべてのdivがスライドします。ここ

はここで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に具体化することができますか？問題は、暗黙的にページ上のクラスinfoを持つすべてのdivの要素を反復処理$('div.info')によるものであること

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

：

Answer 1

はこれを試してみてください。