coerrace
asked on
jquery accordion auto adjust bar
I have this code:
http://jsbin.com/ETESUqA/6/edit
I have 2 questions:
1.-How can I do to the blue background auto expand to the width of the browser automatic no needed to do in the height. This auto width must not affect the size and position of the accordion.
2.-How can I make to return to original state of the color green of the tabs if you close all tabs because if you see if you close all tabs the last tab opened stay on gray. In other words if all the tabs closed after navigate on any tab all the tabs must have the color green of original state.
Tried to move something in CSS but I just messes the colors.
Thank you
http://jsbin.com/ETESUqA/6/edit
I have 2 questions:
1.-How can I do to the blue background auto expand to the width of the browser automatic no needed to do in the height. This auto width must not affect the size and position of the accordion.
2.-How can I make to return to original state of the color green of the tabs if you close all tabs because if you see if you close all tabs the last tab opened stay on gray. In other words if all the tabs closed after navigate on any tab all the tabs must have the color green of original state.
Tried to move something in CSS but I just messes the colors.
Thank you
ASKER
ok I tested but I if you noted doing that the problem at least here is that grow everything width including the green area the green tabs must not be affected is just the blue area.
By your side you look just width the blue area?
By your side you look just width the blue area?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Works very good thank you.
Change the width of the accordion to 100% AND get rid of all the inline css and place that in your external css. At the same time, make sure the outer tags do not limit to a specific width.
#accordion {
padding: 10px 100px 10px 100px;
width: 100%;
background-color: blue;
}
You will need to play with this more but this is the idea http://jsbin.com/ETESUqA/11/edit
Open in new window