html怎么设置取消隐藏,使用Jquery或Javascript隐藏/取消隐藏html元素

以下是我的代码可能对您有帮助 -

HTML CODE

Table Hide Show Code

Table 1

Table 2

Table 3

CSS代码

.active{

display:block;

}

.removeActive{

display:none;

}

JAVASCRIPT CODE

function toggleTable(){

if($('#t1').hasClass('active')){

$('table').removeClass('active').addClass('removeActive');

$('#t2').removeClass('removeActive').addClass('active');

}

else if($('#t2').hasClass('active')){

$('table').removeClass('active').addClass('removeActive');;

$('#t3').removeClass('removeActive').addClass('active');

}

else if($('#t3').hasClass('active')){

$('table').removeClass('active').addClass('removeActive');;

$('#t1').removeClass('removeActive').addClass('active');

}

};

var toggle = setInterval(function(){toggleTable()},60000);