CODEWITHSUNDEEP
jquerygoogle-chrome
chobo
chobo

Reputation: 32291

Chrome display issues with JQuery

I am using Jquery and the toggle method to display some html. This works perfectly in all browsers except Chrome (using Chrome 10). With chrome the elements that are toggled expand the page briefly and then go back into place.

I have tried setting widths on some of those elements, but it doesn't have any affect.

Setup in JSFiddle

enter link description here

Upvotes: 0

Views: 547

Answers (1)

Naftali
Naftali

Reputation: 146310

for some reason you repeated the script in the html and in the js:
The click was being run twice due to it being in two places! :-)
here is the updated fiddle that works:

http://jsfiddle.net/jbmzP/

change the css to (on 1st line):

.poll { padding: 15px; border: 1px solid #ccc; width: 331px !important;}

This fixes the stretching on the animation of the toggle

Upvotes: 1

Related Questions