jquery - 使用 jQuery 显示/隐藏嵌套的 div

Question

例如，如果我单击了一个框并将其保持打开状态，然后单击另一个框，则无法使以下 jquery 工作我可以获取我的代码，以便例如第二个框关闭所有其他打开的框并显示其内容而无需再次单击它吗？

HTML 代码：

<div class="button">
    <a class="remove">Remove</a> 
    <a class="time">Time</a>
    <a class="space">Space</a> 
    more links......

    <div class="container">
        <div class="firs-container">
            .......
        </div>

        <div class="sec-container">
            .......
        </div>

        <div class="third-container">
            .......
        <div>
    </div>
</div>

jQuery代码：

$(document).ready(function() {
    $('a.remove, a.cancel').click(function(){
        $(this).closest('.button').find('.container:first').children().hide();
        $(this).closest('.button').find('.container:first').fadeToggle('slow', 'linear');
        $(this).closest('.button').find('.sec-container:first').fadeToggle('slow', 'linear');
        // prevent default action
        return false;
    }); 
});

Answer 1

它应该被移动，但我仍然想给你一个提示（如果你使用的是 jQuery 1.7.x）

jQuery( document ).ready( function($)
{
    $( '.selector' ).on( 'click', function()
    {
        // do stuff
    } );
} );

^{注意 WP/jQuery 无冲突模式并确保您处于正确包装的函数中 » 检查您的控制台是否有错误}