javascript - jQuery 中的隐藏/显示功能出现问题

Question

我有一些结构如下的 div:

<div>
    <div><a>more Info</a></div>
    <div><a>more segments</a></div>
</div>
<div>
    <div><a>more Info</a></div>
</div>
<div>
    <div><a>more Info</a></div>
    <div><a>more segments</a></div>
</div>
.......

这些 div 是动态生成的。有些 div 包含 2 个超链接(如第 1 个 div)，有些仅包含 1 个超链接(如第 2 个 div)。

1. 当我点击moreInfo链接时，它必须显示一个包含一些信息的div。当我单击另一个链接时，之前显示的 div 应隐藏并打开与该链接关联的相应 div。
2. 当我点击moresegments 链接时，它必须显示段数，并且应禁用所有moreInfo 链接。每个段由 moreInfo 链接组成(段由与第二个 div 相同的代码组成)。单击每个部分中的更多信息链接后。它的行为必须像 point1 中一样。
   
   这是我的示例代码 http://jsfiddle.net/H5R53/16/
   
   在上面的代码中，当我点击moreInfo链接时，它会显示一个包含一些信息的div。到目前为止，它工作正常。现在我的问题是，当我再次单击同一链接时，它不会再次显示信息。而且，当我单击 moresegments 链接 时，应禁用 moreInfo 链接(不是 moresegments 链接的子项)，并且所有打开的 div(在单击 moreInfo 链接时打开) )应该很接近。请任何人帮助我。

Answer 1

如果我正确理解您的问题，如果用户想要打开另一个 div，您需要隐藏 div #moreInfo。

如果是这样，

JQUERY

if ($('#moreInfo').size()==1) {
    $('#moreInfo').remove();
}

添加了该控件的 JQUERY

$('.moreInfLink').live('click',function(){
    if ($('#moreInfo').size()==1) {
        $('#moreInfo').remove();
    }
   $(this).after("<div id='moreInfo'>sdasdad<br/>sdasdad<br/>sdasdad<br/><div id='close'>close</div></div>");
});

还有你的Fiddle Updated!