jquery - jQuery - 想要显示/隐藏切换（使用 .previous） - 我哪里出错了？

Question

我想做一个简单的显示/隐藏切换。

当您单击什么是“添加” 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();

    });

Answer 1

它应该是.prev()而不是 .previous()

文档：http ://api.jquery.com/prev/

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

更新小提琴：http: //jsfiddle.net/ghnne/16/