如何创建滑动DIV点击？ [英] How to create sliding DIV on click?

问题描述

我想要创建一个幻灯片DIV，如同按下联系人时的此处。有人知道类似的东西吗？

I am looking to create a slide out DIV, like the one here when you press "Contact". Does anybody know of anything similar to this?

推荐答案

使用 jQuery的 slideToggle（） 方法可以帮助您做到这一点。

Making use jQuery's slideToggle() method could help you do this.

示例

HTML：

<div id="contact">
    Contact me!
</div>
<a href="#" id="toggle">Contact</a>

CSS：

#contact
{
    display: none;
    background: grey;
    color: #FFF;
    padding: 10px;
}

JavaScript：

JavaScript:

$(function()
{
     $("a#toggle").click(function()
     {
         $("#contact").slideToggle();
         return false;
     }); 
});

这篇关于如何创建滑动DIV点击？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！