JQuery从accordion隐藏/显示div

嗨，我用jQuery设置了一个简单的手风琴，HTML结构为：

<div  class="accordion_headings">Title 1</div>
<div class="accordion_child">Accordion Content 1</div>

<div  class="accordion_headings">Title 2</div>
<div class="accordion_child">Accordion Content 2</div>

现在，我还想在页面上的另一个div被调出时，点击任何这些手风琴链接，所以我添加了更多的类的链接

<div  class="accordion_headings link1">Title 1</div>
<div class="accordion_child">Accordion Content 1</div>

<div  class="accordion_headings link2">Title 2</div>
<div class="accordion_child">Accordion Content 2</div>

差不多行了。。然而，点击手风琴，它现在删除了手风琴标题类，并破坏了我的风格。。。奇怪的是手风琴还能用吗？有人能帮我清理一下吗。还有，我将如何设置动画或使用淡入淡出？我会用fadeIn淡出替换隐藏和显示吗？谢谢

而不是：

$(this).attr('class','selected');

使用

我还建议您不要使用裸类选择器（例如“.link1”），因为它们通常比附加标签的选择器慢得多。这里有一个建议的改变：

$(document).ready(function() {
  var clickHandler = function(evt) {
    $('div.swap').hide();
    $('#content_' + link.data.id).show();
    $('div.selected').removeClass('selected');
    $(this).addClass("selected");
  }
  $('div.link1').bind('click', {id:'1'}, clickHandler);
  $('div.link2').bind('click', {id:'2'}, clickHandler);
});

$(document).ready(function () {

    var clickHandler = function (link) {
         $('.swap').hide();
         $('#content_' + link.data.id).show();
         $('.selected').removeClass('selected');
         $(this).attr('class','selected');
   }

   $('.link1').bind('click', {id:'1'} ,clickHandler);
   $('.link2').bind('click', {id:'2'} ,clickHandler);

});

$(this).attr('class','selected');

$(this).addClass("selected");

$(document).ready(function() {
  var clickHandler = function(evt) {
    $('div.swap').hide();
    $('#content_' + link.data.id).show();
    $('div.selected').removeClass('selected');
    $(this).addClass("selected");
  }
  $('div.link1').bind('click', {id:'1'}, clickHandler);
  $('div.link2').bind('click', {id:'2'}, clickHandler);
});