Question

If i use the code:

    $('.myDiv').toggle();

With the initial state as:

.mydiv {display:none}

How can I state that the toggle must go to

.mydiv {display:table}

?

Currently it just goes to a default block.

Thanks

Answer 1

Use a css class for the display:

.myDiv { display: table; }
.noDisplay { display: none; }

Then use .toggleClass() to toggle the class:

$('.myDiv').toggleClass("noDisplay");

Documentation