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

Question

<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 下方。谢谢。

Answer 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>

查询：

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

CSS：

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

查看 演示