, HI

JQuery UI akordeon özelliğini kullanmadan işlevsellik gibi akordeon almak için çalışıyorum.

Nasıl bir dt elemanına bağlı bir bağlantıyı kullanarak açılacak div ilgili (? Çocuk) seçebilirsiniz?

At present my code is

<div id="listings">
  <dl class="listings">
    <dt>
      Get the Milk
    </dt>
    <dd>
      Due Date: 17th Oct
    </dd>
    <dd>
      <a href="#" class="more">more details 2</a>
    </dd>
    <dd>
      <a href="#">mark as complete</a>
    </dd>
  </dl>
  <div class="more_details">
    <p>
      This is some details about the task that I would to have appear when
      the more details 1 link is clicked
    </p>
  </div>
  <dl class="listings">
    <dt>
      Go to Work
    </dt>
    <dd>
      Due Date: 22th Oct
    </dd>
    <dd>
      Site: None
    </dd>
    <dd>
      <a href="#" class="more">more details 2</a>
    </dd>
    <dd>
      <a href="#">mark as complete</a>
    </dd>
  </dl>
  <div class="more_details">
    <p>
      This is some details about the task that I would to have appear when
      the more details 2 link is clicked
    </p>
  </div>
</div>

The jQuery I'm using is

$('.more').click(function() {
    $('.more_details').slideToggle('fast', function() { });
    return false;
});

Ama ben sorunlar

1. sınıf daha fazla bağlantı tıklandığında, doğal olarak tüm more_details divs açık

2. Bu yüzden sabit, benzersiz sınıf adları kullanılan yakamazlar bir veritabanı sorgusu oluşturulan ediliyor gibi listedeki öğelerin miktarı değişecektir

Teşekkürler

Jz