Skip to main content

Search and Top Navigation

#8198 closed bug (duplicate)

Opened March 15, 2012 04:34PM UTC

Closed March 15, 2012 04:45PM UTC

Last modified March 15, 2012 04:45PM UTC

Accordion menu affects tabs bar height when floated.

Reported by: chuckP Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.accordion Version: 1.8.18
Keywords: Cc:
Blocked by: Blocking:

If an accordion menu is used and a jquery ui tab is floated next to it, when the menu is expanded the tab bar expands to the same height as the expanded menu. IE9, FF10

Load order of tabs or accordion does not affect outcome.


<script src="/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>

<script src="/Scripts/jquery-ui-1.8.18.min.js" type="text/javascript"></script>

<link href="Content/cupertino/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />

<script src="Content/cupertino/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>




background: none repeat scroll 0 0 #FFFFFF;

float: left;

width: 100%;

margin-bottom: 100px;


#sideBar {

clear: none;

float: left;

margin: 0;

padding: 0;

width: 200px;




margin-left: 215px;

padding: 10px 0 0 19px;






$(document).ready(function () {


active: false,

autoHeight: false,

clearStyle: true,

collapsible: true,

icons: false,

navigation: true





<div id="contentWrap">

<div id="sideBar">

<div id="accordionNav">



<ul class="accordionMenu">








<ul class="accordionMenu">







<div id="mainContent">

<div id="tabs">


<li><a href="#tabs-1">Intake</a></li>

<li><a href="#tabs-2">Archive</a></li>


<div id="tabs-1">




<div id="tabs-2">









Attachments (0)
Change History (2)

Changed March 15, 2012 04:45PM UTC by scottgonzalez comment:1

resolution: → duplicate
status: newclosed

This has nothing to do with the accordion.

Changed March 15, 2012 04:45PM UTC by scottgonzalez comment:2

Duplicate of #5601.