Jquery 快速简单的一个。。。将活动类添加到此手风琴？

我需要一个活动链接添加到实际的手风琴上的链接。。目前，它只是添加了一个容器，这是方便的，但如何容易地添加一个积极的按钮链接，使我可以有一个向上或向下的箭头

<dl class="accordion">

    <dt><a href="">Panel 1</a></dt>
    <dd>Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</dd>

    <dt><a href="">Panel 2</a></dt>
    <dd>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.</dd>

    <dt><a href="">Panel 3</a></dt>
    <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.</dd>

    </dl>​


jQuery(document).ready(function($) {



      var allPanels = $('.accordion > dd').hide();

      $('.accordion > dt > a').click(function() {
          $this = $(this);
          $target =  $this.parent().next();

          if(!$target.hasClass('active')){
             allPanels.removeClass('active').slideUp();
             $target.addClass('active').slideDown();
          }

        return false;
      });


});

佩伦茨克发酵多洛。阿利奎姆·奎姆·莱克托，便利拍卖人，ultrices ut，秃鹫元素，nunc。
Donec nec justo eget felis facilisis酵母菌。阿利奎姆·波特提托·莫里斯坐在阿梅特·奥奇旁边。埃涅亚贵族佩伦茨克猫。
Lorem ipsum dolor sit amet，是一位杰出的领导者。Phasellus hendrerit。佩伦茨克·阿利奎特·尼布·内尔那。在nisi neque，aliquet vel，dapibus id，mattis vel，nisi。塞德·普雷蒂姆、利奥里特·维韦拉、利奥·索达莱斯自由侵权人、埃吉特·布兰迪特·努克侵权人或欧盟nibh。纳拉姆·莫利斯。胡斯托。潜力悬钩子。
​
jQuery（文档）.ready（函数（$）{
var allPanels=$（'.accordion>dd'）.hide（）；
$（'.accordion>dt>a'）。单击（函数（）{
$this=$（this）；
$target=$this.parent（）.next（）；
if（！$target.hasClass（'active'））{
allPanels.removeClass（'active'）.slideUp（）；
$target.addClass（'active'）.slideDown（）；
}
返回false；
});
});

非常感谢您的帮助。

试试这个

jQuery(document).ready(function($) {
var allPanels = $('.accordion > dd').hide();

  $('.accordion > dt > a').click(function() {
      $this = $(this);
      $target =  $this.parent().next();

      if(!$target.hasClass('active')){
         allPanels.removeClass('active').slideUp();

         $target.addClass('active').slideDown();

         $('.accordion > dt > a').removeClass('active'); // remove class active in <a>
         $this.addClass('active'); // add class active in clicked  <a>

         //or//

         $('.accordion > dt').removeClass('active'); // remove class active in <dt>
         $this.parent().addClass('active'); // add class active in clicked  <dt>
      }

    return false;
  });

jQuery（文档）.ready（函数（$）{
var allPanels=$（'.accordion>dd'）.hide（）；
$（'.accordion>dt>a'）。单击（函数（）{
$this=$（this）；
$target=$this.parent（）.next（）；
if（！$target.hasClass（'active'））{
allPanels.removeClass（'active'）.slideUp（）；
$target.addClass（'active'）.slideDown（）；
$（'.accordion>dt>a'）.removeClass（'active'）；//删除中的活动类
$this.addClass（'active'）；//在单击后添加活动类
//或//
$（'.accordion>dt'）.removeClass（'active'）；//删除中的活动类
$this.parent（）.addClass（'active'）；//在单击的列表中添加活动类
}
返回false；
});

我不确定这是否是您想要的：

我加了两个a（上下）

---

给你；）

如果你只是把目标定在

$（'.accordion>dt'）

而不是

$（'.accordion>dt>a'）

，事情会简单一点。谢谢你，但这打破了整件事：（你用注释尝试过这个吗？？？检查一下..它正在工作...）这是我想要的，但我不想要单独的按钮，仍然希望主面板的按钮，只需要添加一个类，这样我就可以有一个背景图像的变化，在活动。。。