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/

jquery阻止其他链接切换

1 个答案: