的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/