的jQuery防止其他链路切换

Question

我做了一个简单的反复这样的：

<script> 
$(document).ready(function(){ 
    $("#tog1").click(function(){ 
     $("#rel1").slideToggle(); 
    }) 

$("#tog2").click(function(){ 
     $("#rel2").slideToggle(); 
    }) 

...... 

}) 
<script> 

<ul> 
<li><a id="tog1" href="#">اتصل بالعضو</a></li> 
<li><a id="tog2" href="#">أعماله السابقه</a></li> 
<li><a id="tog3" href="#">مواضيع العضو</a></li> 
<li><a id="tog4" href="#">ردود العضو </a></li> 
</ul> 
</div> 

<div id="rel1"></div> 
<div id="rel2"></div> 
<div id="rel3"></div> 
<div id="rel4"></div> 

我想阻止或禁止其他链接时，我按下一个切换，并只允许被触发一个链接

Answer 1

第一，我想一个类和data-属性添加到这些链接：

<li><a id="tog1" class="tog" data-rel="rel1" href="#">اتصل بالعضو</a></li> 

现在我们可以做一个点击处理程序为他们所有。从this提取div的ID，并关闭其.siblings()当你打开它：

$(".tog").click(function(){ 
    var $div = $('#'+$(this).data('rel')); 
    $div.slideToggle().siblings('div').slideUp(); 
}) 

http://jsfiddle.net/mblase75/HVNbB/