jquery - jquery .show("slide") 选项

Question

这是我的代码。它从左侧滑入。

<script>
  $('#goalHS').click(function() {
  $('div[id^="div-detailed-goal"]').show("slide"); 
  }); 
  $("#redline").click(function() {
    $('div[id^="div-detailed-goal"]').fadeOut("slow"); 
     }); 
</script>

我不想从左侧淡入，而是要绘制一条红线，然后让 DIV 从顶部滑入。

我怎样才能让它做以下事情？

1. 水平红线从中心向外延伸。

                ---

1. 红线结束增长：

---

1. 内容从红线下方滑入。红线上方不显示内容：

---

C。内容，内容，内容

d。内容，内容，内容

1. 内容完成滑入。令人敬畏的随之而来！

---

一个。内容，内容，内容

湾。内容，内容，内容

C。内容，内容，内容

d。内容，内容，内容

我尝试了 4 种不同的方法，也尝试过使用其他 js 插件库，但我并没有那么先进来弄清楚它。