0

私はそのような簡単な切り替えを行いました:

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

リンクを 1 つ押したときに他のリンクがトグルするのを防止または無効化し、1 つのリンクのみをトグルできるようにしたい

4

1 に答える 1

1

まず、これらすべてのリンクにクラスとdata-属性を追加します。

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

これで、それらすべてに対して 1 つのクリック ハンドラーを作成できます。から div の ID を抽出し、開いたら閉じますthis。.siblings()

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

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

于 2013-02-25T17:26:51.813 に答える