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 回答