在我的页面中有像下面给出的列表。隐藏所有其他兄弟分区onclick
<li class="select">
<div class="type"><span class="icon_word_small bgpos"></span></div>
<div class="docu"> <span class="fade"><a href="">Study on Clinical Research Market in AMEA</a>/24 July 2011</span></div>
<div class="colu"> <span class="fade"><a href="">Fairleign</a>, <a href="">Felder</a> & 2 more</span></div>
<div class="status"><span class="fade"><span class="dark">Public</span> [2 Views 1 Downloads]</span></div>
<div class="data_options"><a href="#" class="itemDelete">DELETE</a> </div> <!-- row hover options here-->
<!-- popup starts here-->
<div class="data_popup data_delete"><span class="tip"></span>Are you sure want to delete this file?
<div class="cfix"></div>
<ul>
<li><a href="#" class="deletebutton"></a></li>
<li><a href="">No,Keep this file</a></li>
</ul>
</div>
<!-- popup ends here-->
<div class="cfix"></div>
</li>
<li>
<div class="type"><span class="icon_word_small bgpos"></span></div>
<div class="docu"> <span class="fade"><a href="">Study on Clinical Research Market in AMEA</a>/24 July 2011</span></div>
<div class="colu"> <span class="fade"><a href="">Fairleign</a>, <a href="">Felder</a> & 2 more</span></div>
<div class="status"><span class="fade"><span class="dark">Public</span> [2 Views 1 Downloads]</span></div>
<div class="data_options"><a href="#" class="itemShare">SHARE</a></div> <!-- row hover options here-->
<!-- popup starts here-->
<div class="data_popup data_share"><span class="tip"></span><h3>Share</h3>
<br>
<p> <input type="checkbox" /> All in our Company</p>
<p> <input type="checkbox" /> All in Department</p>
<p> <input type="checkbox" id="sharetick"/> Shared with Specific People</p>
<div id="textareamsg1"><p><textarea class="resizable" id=""></textarea></p> </div>
<p> <input type="checkbox" id="nonsharetick"/> Do not share with specific people</p>
<div id="textareamsg2"><p><textarea class="resizable dark" name="textarea" id="" placeholder="Type names to share document, to share with
many seperate names with commas"></textarea></p></div>
<div class="cfix"></div>
<ul>
<li><a href="#" class="okbutton"></a></li>
<li><a href="">Cancel</a></li>
</ul>
</div>
<!-- popup ends here-->
<div class="cfix"></div>
</li>
我用它来显示/隐藏div.dataDelete,在点击任何其他链接itemShare
$('.itemDelete').live('click', function() {
$(this).closest("li").find('.data_delete').slideToggle('medium');
});
$('.itemShare').live('click', function() {
$(this).closest("li").find('.data_delete').slideToggle('medium');
});
,我需要隐藏其他所有打开的div(包括itemDelete和itemShare)。另外我对上面的代码有疑问。我的客户说它有时会切换两次..我没有在任何浏览器中遇到过这种情况。上面的代码是否有可能发生这种情况,或者他是否错误地编码?
没有发生:(我加入 ';' 了slideDown()之后,随后也... –
更新,犯了错用'.parent()'这是'data_options '代替'.select' – Niels
我已经更新了内容的确切代码,在你的代码中itemDelete弹出一次点击,但没有隐藏。第二次点击隐藏而不是它。没有任何事情发生在itemShare,没有弹出。 –