如何复制 jQuery DIV 切换 "slide in"

Question

警告：我是设计师而不是开发人员。

请查看 this webpage，单击底部导航菜单中的 SUBSCRIBE，每次单击时都会看到时事通讯订阅 nav#subscribe "slide" 进入视图/滑出视图.

复制 nav#subscribe 滑入/滑出视图的最简单方法是什么？

Answer 1

我们可以通过

模拟"SUBSCRIBE" click/trigger

$('footer a[rel=subscribe]').click();

在控制台中尝试此命令 window，这将滑入导航#subscribe 并再次触发点击将滑出。

希望这有帮助吗？

Answer 2

请使用以下代码进行滑动切换：

  <title>slideToggle demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<body>
<button>Toggle</button>
<p>
  This is the paragraph to end all paragraphs. Congratulations it works.
</p>
<script>
$( "button" ).click(function() {
  $( "p" ).slideToggle( "slow" );
});
</script>
</body>

如果您可以分享您的代码，我们可以提供更多帮助。

如何复制 jQuery DIV 切换 "slide in"

How to replicate jQuery DIV toggle "slide in"

jquery

toggle

jquery-animate