0

簡単な表示/非表示の切り替えを行いたいと思っています。

「追加」divをクリックすると、前の兄弟が表示されます。ただし、これは非常に単純に見えますが、機能しません。私はそれを理解することはできません。どんな助けでも感謝します。ありがとう!

edit* は、解決した質問の一部を削除しました (.hide() 部分が機能しました) が、上記の部分を機能させることはできません。

http://jsfiddle.net/ghnne/12/

<div class='sideRowStackedInputSideNarrow'>

    <div class='sideRowCreateAdditionalInput'></div>

    <div class='sideRowCreateAdditionalInputNext'>
        <div class='sideRowCreateAdditionalInputNextClose'></div>
    </div>

     <div class='sideRowCreateAdditionalInputNext'>
        <div class='sideRowCreateAdditionalInputNextClose'></div>
    </div>

    <div class='sideRowCreateAdd'></div>

</div>

$('.sideRowCreateAdd').click(function(){

        $(this).previous('.sideRowCreateAdditionalInputNext').show();

    });

    $('.sideRowCreateAdditionalInputNextClose').click(function(){

        $(this).closest('.sideRowCreateAdditionalInputNext').hide();

    });
4

1 に答える 1

4

あるべきであり.prev()、そうではない .previous()

ドキュメント: http://api.jquery.com/prev/

$('.sideRowCreateAdd').click(function(){
    $(this).prev('.sideRowCreateAdditionalInputNext').show();
});

更新されたフィドル: http://jsfiddle.net/ghnne/16/

于 2013-04-12T04:26:36.917 に答える