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，但是 none 对我有用

Answer 1

您是说 hide/show 您的 .direccion 内容只需单击一个按钮吗？如果是这样，您可以使用 jQuery Toggle

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

在线example here

jquery：切换 div 的 child

jquery: toggling the child of a div

html

javascript

css

jquery

parent