单击链接后需要隐藏/滑动div

Question

我通过单击链接显示div,但现在我想在再次单击时隐藏它.

这就是我目前所拥有的:

$(document).ready(function() {
    $('#our-future-intro-slide').click(function() {
      //$(".our-future-intro").delay(2400).slideDown(3600);
      $(".our-future-intro").slideDown(200);
    });
  });

因此,每次用户选择链接时,它将向下滑动并显示div,或者向上滑动并消失(或仅消失),具体取决于当前状态.

更新:我得到了它的工作,感谢slideToggle,现在我想知道我是否可以将其分解为更少的代码.

我将slidetoggle设置为页面的4个不同部分,每个div都有自己的id.

这是代码:

$(document).ready(function() {
  $('#our-future-intro-slide').click(function() {
    //$(".our-future-intro").delay(2400).slideDown(3600);
    $(".our-future-intro").slideToggle(200);
  });
  $('#strategic-planning-click').click(function() {
    $("#strategic-planning").slideToggle(200);
  });
  $('#student-learning-click').click(function() {
    $("#student-learning").slideToggle(200);
  });
  $('#institutional-assessment-click').click(function() {
    $("#institutional-assessment").slideToggle(200);
  });
});

任何帮助表示赞赏.

Answer 1

答案是.slideToggle():)