jQuery：切換div的子級

Question

我想切換<div>中的所有內容：

<div class="direccion">
    Dirección
    <div class="frm-section hide">            
        <label class="field prepend-icon">
            <input type="email" name="email" id="email" class="uit-input" placeholder="Dirección">
            <b class="uit-tooltip tip-left"><em>Dirección del paciente</em></b>
            <span class="field-icon"><i class="fa fa-envelope"></i></span>                      
        </label>
    </div><!-- end section -->

    <div class="frm-section hide">            
        <label class="field prepend-icon">
            <input type="email" name="email" id="email" class="uit-input" placeholder="No. Exterior">
            <b class="uit-tooltip tip-left"><em>Número exterior</em></b>
            <span class="field-icon"><i class="fa fa-envelope"></i></span>                      
        </label>
    </div><!-- end section -->
</div><!-- end direccion -->

我已經在論壇上嘗試了多個jQuery，但沒有一個適合我

Answer 1

您是說單擊按鈕隱藏/顯示.direccion內容嗎？ 如果是這樣，您可以使用jQuery Toggle做到這一點

$( "#clickme" ).click(function() {
    $( ".direccion" ).toggle('fast');
});

此處的在線示例