Ben bir bağlantı paragraf daraltılmış sağlayacak başka bir bağlantı tıklandığında ve bir kez mevcut genişletilmiş zaman bir paragraf genişletmek bazı jQuery kod yazmak çalışılıyor. Bu paragraflar, hepsi bir foreach döngüsü içinde oluşturulan ve ben, çünkü orada bir döngü içinde jQuery geri geçmek için benzersiz kimlikler oluşturmak için en iyi yolu emin değilim çünkü ben sorun doğru paragrafı seçerek yaşıyorum.

İşte benim bakış kodu:

<? foreach ($e['comments'] as $comment) : ?>
    <div class="comment">
        <p class="collapsed">
            <?=character_limiter($comment['comment'], 100) ?><br />
            <a href="#" class="expand">Show More</a>
         </p>
         <p class="expanded">
             <?=$comment['comment'] ?>
             <a href="#" class="collapse" >Show Less</a>
         </p>
     </div>
<? endforeach; ?>

Ve burada ben jQuery ile bugüne kadar ne var:

$(document).ready(function()
{ 
$("p.expanded").hide();

$("a.expand").click(function()
{
        $(this).parent().hide();

        return false;
    });
});

I am able to hide the correct

when clicking "Show More", however I am lost as to choosing the correct "expanded" paragraph and then implementing the opposite for collapsing.
My thoughts so far are that I need to somehow make the elements in question have unique ideas. The $comment array does have an 'id' value that code be appended to an id name for each attribute making them unique, but I am still confused about how to properly select things with jQuery.