首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >向上滑动并在同一页面中两次显示隐藏元素

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

Stack Overflow用户
提问于 2015-09-04 17:03:28
回答 1查看 54关注 0票数 1

大家好,有没有人能帮我想出如何才能达到下面提到的效果。我有顶部的横幅部分,在横幅底部的按钮,当我点击按钮,窗体应该打开与滑动的效果。最初,表单将被隐藏。我也需要同样的效果在页面的底部。当我点击“联系我们”按钮时,表单应该会向上滑动。

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

EN

回答 1

Stack Overflow用户

发布于 2015-09-04 17:15:42

只需添加按钮并更新函数:

代码语言:javascript
复制
  <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/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32394113

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档