Javascript 表宽度在更改父类后更改

我有一个包含多个表的div。根据div的类别，我希望它们隐藏或可见。代码是这样的

HTML

JS-jQuery

$('#some-link').click(function(){ 
    $('#div-handle').removeClass().addClass('show-second');
});

我注意到，在设置类之后，显示的表不再具有100%的宽度，它只是一个普通表

到目前为止，我在FF和Chrome（最新的v）中注意到了这一点，但在IE9中没有。在IE9中，该表仍然是100%

.show-second .second-table{ display:block; }

如果要设置表格的

显示

属性，则需要将其设置为

表格

：

.show-second .second-table{ display:table; }

如果需要显示这些类型的元素，还有：

表格行

和

表格单元格

：

---

这里是一个演示：（注意，我使用了

.toggleClass（）

而不是

.addClass（）

/

.removeClass（）

，这样链接事件处理程序就可以反复使用了）

啊，是的，我以前见过，谢谢你指出，现在一切都正常了！！我确实知道toggleClass，但忘了在示例中使用它，也感谢您指出这一点！

.show-second .second-table{ display:block; }

.show-second .second-table{ display:table; }