如何更改jquery .toggle()以使用display:table-cell？

Question

我正在使用jquery .toggle()在页面加载上显示display:none的页面上显示div.但是,在默认设置下,jquery插入display:block,我想要显示:table-cell.我怎样才能做到这一点？我到目前为止的尝试:

<div class="mydiv" style"display:none">test</div>

.mydiv {
display:table-cell;
}

$("a#showdiv").click(function() {
    $(".mydiv").toggle();

Answer 1

使用.toggleClass()而不是使用CSS作为样式..

HTML

<div class="mydiv table-hidden">test</div>

CSS

.mydiv {
    display:table-cell;
}
.mydiv.table-hidden{
    display:none;
}

jQuery的

$("a#showdiv").click(function() {
    $(".mydiv").toggleClass('table-hidden');
}