如何使用现有的html代码创建jquery切换

时间:2013-06-25 07:58:29

标签: jquery html css css3 toggle

<div class="rsvp">
     <div class="block">

        <span class="rsvpNote">
        <h4 class="rsvpTitle">
            <a href="#" class="blockExpand" click="toggleRSVP(this); return false;"><span class="arrow"></span>RSVP</a>
        </h4> </div>

    </div>
</div>

你好我有这个代码可以使用,我需要与Jquery进行切换但是,我不能使它工作。此外,有没有办法自定义组成此切换的按钮。 内容将在这些DIV下面。谢谢。

1 个答案:

答案 0 :(得分:1)

HTML:

<input type="button" value="click me" id="click">
    <div id="info">This is what you are expecting or may not , but im doing this just for fun</div>

Jquery的:

$("#click").click(function () {
      $("#info").toggle('slow');
    });

CSS:

#info{
    width:200px;
    background-color:#9494B8;
    border-radius:3px;
    padding:5px;
    display:none;
}

DEMO