0

次のjqueryを機能させることができません。たとえば、ボックスをクリックして開いたままにしてから別のボックスをクリックすると、2番目のボックスをクリックすると最初のボックスが閉じますが、2番目のボックスをもう一度クリックするまで2番目のボックスは表示されません。たとえば、2番目のボックスが他のすべての開いているボックスを閉じて、2回クリックせずにその内容を表示するように、コードを取得できますか？

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

1 に答える 1

0

移動する必要がありますが、ヒントを提供したいと思います (jQuery 1.7.x を使用している場合)。

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

WP/jQuery の非競合モードに注意し、適切にラップされた関数内にいることを確認してください » コンソールでエラーを確認してください

于 2012-04-04T14:07:54.953 に答える