Opened 7 years ago

Closed 6 years ago

Last modified 6 years ago

#4444 closed bug (fixed)

Accordion - Content disappears with autoHeight set to false in IE 6

Reported by: MikaJ Owned by:
Priority: minor Milestone: 1.8
Component: ui.accordion Version: 1.7.1
Keywords: Cc:
Blocked by: Blocking:


If you set an accordion's autoHeight=false and the content area has an <a> tag, that tag will disappear once you open that section of the accordion.

Only in IE6. Firefox doesn't exhibit this problem.


<!doctype html>
<html lang="en">
	<title>jQuery UI Accordion - No Auto Height</title>
	<link rel="stylesheet" href="" type="text/css" media="screen" />
	<link rel="stylesheet" href="" type="text/css" media="screen" />

	<script src="" type="text/javascript"></script>
	<script src="" type="text/javascript"></script>

	<script type="text/javascript">
	$(function() {
			autoHeight: false

<div class="demo">

<div id="accordion" >
	<h3><a href="#">Section 1</a></h3>
	<div >		 		 		 
		Accordion Content 1<br>
		<a href="#">Link Test #1</a>

	<h3><a href="#">Section 2</a></h3>
		<a href="#" >Accordion Content 2</a>
	<h3><a href="#">Section 3</a></h3>
		<p>Accordion Content 3 </p>
			<li>List item</li>
			<li>List item</li>
			<li>List item</li>
			<li>List item</li>
			<li>List item</li>
			<li>List item</li>
			<li>List item</li>

</div><!-- End demo -->

Change History (5)

comment:1 Changed 7 years ago by scott.gonzalez

  • Milestone changed from TBD to 1.8

comment:2 Changed 7 years ago by kbwood

I had the same problem with input fields. It was solved by forcing "layout" on the content divs with

.contentDiv {

zoom: 1;


comment:3 Changed 6 years ago by nodster

The generic solution is to use:

.ui-accordion-content{ zoom: 1; }

This should be added into the default stylesheet for the accordian ui. Nice catch kbwood!

comment:4 Changed 6 years ago by smadep

you just saved my weekend!!!!! thx!

comment:5 Changed 6 years ago by jzaefferer

  • Resolution set to fixed
  • Status changed from new to closed

Fixed in r3039. This also seemed to fix a lot of flickering in IE6.

Note: See TracTickets for help on using tickets.