0

我有一些结构如下的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），有些仅包含一个超链接（如第 2 个 div）。

  1. 当我点击 时moreInfo link，它必须显示一个包含一些信息的 div。当我点击另一个链接时，之前显示的 div 应该被隐藏并打开与该链接关联的适当 div。
  2. 当我点击 时moresegments link，它必须显示段数并且all moreInfo links应该被禁用。每个段由moreInfo link（段由代码组成，就像第二个 div 一样）。单击每个段中的更多信息链接后。它必须表现得像第 1 点。

    这是我的示例代码http://jsfiddle.net/H5R53/16/

    在上面的代码中，当我点击moreInfo link它时会显示一个包含一些信息的 div。到目前为止它工作正常。现在我的问题是，当我再次单击同一链接时，它不会再次显示信息。而且，当我单击（不是 moresegments 链接moresegments link的moreInfo links子项）时，应该禁用所有打开的 div（单击 moreInfo 链接时打开）应该关闭。任何人请帮助我。提前致谢。
4

1 回答 1

2

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

如果是这样的话，

查询

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

你的小提琴更新了！

于 2012-05-11T13:11:37.337 回答