jquery - 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 向上滑动。

在此示例中，您将看到 3 个链接。我希望“链接 3”向上滑动，“链接 1”和“链接 2”像他们现在所做的那样向下滑动。

很想听听你的意见！太感谢了！

Answer 1

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