Question

179

How to change jquery .toggle() to use display:table-cell?

rated 0 times [ 181] [ 2] / answers: 1 / hits: 16414 / 11 Years ago, sun, august 4, 2013, 12:00:00

I am using jquery .toggle() to show a div on a page that has display:none on page load. However, under the default settings jquery inserts display:block, where I would want display:table-cell. How can I achieve this? My attempt so far:

<div class=mydiv styledisplay:none>test</div>



.mydiv {

display:table-cell;

}



$(a#showdiv).click(function() {

    $(.mydiv).toggle();

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jarettajb

Add To Favorites

Follow

Total Points: 678

Total Questions: 94

Total Answers: 90

Location: Guernsey

Member since Tue, Jul 6, 2021

3 Years ago

jarettajb questions

1 Remove unused Javascript base.js (Youtube iframe api)

Thu, Dec 17, 20, 00:00, 3 Years ago

1 how to define variable google when using google one tap javascript API

Thu, Dec 10, 20, 00:00, 4 Years ago

1 How do I fix this issue: node_modules/expo/AppEntry.js: [BABEL]?

Mon, Nov 9, 20, 00:00, 4 Years ago

1 node js, read a specific column from csv file and convert it to an array to be used in other function

Tue, May 12, 20, 00:00, 4 Years ago

1 Check If Array Has Value in Angular

Tue, May 12, 20, 00:00, 4 Years ago

View All

answered 11 Years ago kalaveronicab · Accepted Answer

Use .toggleClass() instead and use css for the styling..

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');

}