jquery上滑/下滑代码几乎完美

Question

我最近从“deifwud”获得了这个精彩的代码：

$(document).ready(function() {    
    $(".slide").hide();

$('a.link').on('click', function(e) {

  e.preventDefault();
  var slideSelector = '#' + $(this).attr('id').replace('link', 'slide');

  // or do it in the reverse order
  $('div.slide').not($(slideSelector)).slideUp(500, function() {
    $(slideSelector).slideDown(500);
  });


  });      

});

我想以某种方式“拆分”代码，以便我可以决定（在css中？）当点击链接时哪个div向下滑动以及哪个div向上滑动。

在THIS示例中，您将看到3个链接。我希望“链接3”向上滑动，“链接1”和“链接2”就​​像他们正在进行的那样滑行。

很想收到你的来信！非常感谢你！

Answer 1

谢谢此编辑FIDDLE ，但您的链接3不是切换链接。