在同一页面中向上滑动并显示隐藏元素两次

Question

嗨，任何人都可以帮我弄清楚如何实现下面提到的效果。我有顶部横幅部分，横幅底部有一个按钮，当我点击按钮时，表格应该打开并具有上滑效果。最初形式将被隐藏。而且我在页面底部也需要相同的效果。当我点击联系我们时，按钮表格应该向上滑动。

这是我尝试的链接 http://jsbin.com/liyimo/1/edit?html,css,js,output

Answer 1

只需添加按钮并更新功能：

  <button class="btn cta-button btn2" id="cta-contact">Contact us</button>

$(document).ready(function(){
    $(".cta-button").click(function(){
        $(".arrow-up, .engage-form-section").slideDown("slow");
    });
  $(".close").click(function(){
        $(".arrow-up, .engage-form-section").slideUp("slow");
    });
  $(".btn2").click(function(){
        $(".arrow-up, .engage-form-section").slideUp("slow");
    });
});

http://jsfiddle.net/MadalinaTn/msuooay7/2/