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');
});

此处的在线示例