how to create a jquery toggle using existing html code [closed]

问题

This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.

Closed 6 years ago.

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

Hello I have this code to work with and I need to make a toggle with Jquery however, I cannot make it work. Also, is there a way to customize the button that will make up this toggle. Content will follow underneath these DIV. Thanks.

回答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;
}

See the DEMO

来源：https://stackoverflow.com/questions/17292079/how-to-create-a-jquery-toggle-using-existing-html-code