jquery - 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>

现在我们可以为它们制作一键式处理程序。从 中提取 div 的 ID this，并.siblings()在打开时将其关闭：

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

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