jQuery链接切换不隐藏div

时间:2013-09-19 00:10:57

标签: jquery

我已经编写了一些jQuery代码来切换div。它正在工作,但我需要它立即切换下一个div,这是没有发生的。

$(document).ready(function() {
    $('.nav-toggle').click(function() { 
       var id = $(this).attr('name');
       $('#tab' + id).slideToggle('slow');
       return false; 
    });
});

1 个答案:

答案 0 :(得分:8)

为每个tab<x>元素添加一个额外的类,如

<div id="tab1" class="row tab" style="display: block;"> 

然后

$(document).ready(function() {

    var $tabs = $('.tabs');    
    $('.nav-toggle').click(function() { 
        var id = $(this).attr('name');
        var $tab = $('#tab' + id).slideToggle('slow');
        $tabs.not($tab).hide();
        return false; 
    });
});