javascript - jquery:切换一个div的 child

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

在线example here