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);
  });


  });      

});

リンクがクリックされたときにどの div が下にスライドし、どの div が上にスライドするかを (css で?) 決定できるように、何らかの方法でコードを「分割」したいと考えています。

この例では、3 つのリンクが表示されます。今のように「リンク3」は上に、「リンク1」と「リンク2」は下にスライドさせたいと思います。

ご連絡をお待ちしております。どうもありがとう！

Answer 1

この Edit FIDDLE を確認してください。ただし、リンク 3 はトグル リンクではありません。