jquery problem with tabs inside accordion

I am having an issue with an image that is sitting inside my div of the tabs widget, nested inside an accordion div. I have tried everything, not even the forums at jquery could help me quick enough, even thought the jqeuery is great, the forums site support really sucks.

I am hoping someone with a lot of background and experience will be able to help me with this, if you want i can post the code, or give you the link of the website i am working on so as to get proper functionality.

It looks like off the bat, that the images are being placed one on top of another code wise, as each div is written one after another....each div having an image that is 200 height...
so in total, the main div now seems to have 800 (4 divs with images of 200), even though the basic functionality of the tabs is working, it should not be giving the main div such a big panel.

Any help is appreciated... the address where the code is at is at www.collusionfall.com
I will give full 500 points on this as i need it asap
thanks all
Who is Participating?
mcnuteConnect With a Mentor Commented:
	$(function() {
		$( "#accordion" ).accordion({
			autoHeight: false,
			navigation: true

Open in new window

try to give your accordion the autoHeight: false method.
landerson999Author Commented:
great ... worked like a charm.. just wondering how you figured it out... did ualready know or did u debug a bit using any tools.... ?
landerson999Author Commented:
quick response.. working solution
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

just watched the jquery docs about accordion ui. I'm working quite a lot with jquery, though. I'm glad that i could help you. Thank you for the points. Have a wonderful time on your tour!
landerson999Author Commented:
LOL...yes...our world tour
Thanks, fixed it, and I am thinking even of maybe going further and adding some more stuff, but it is interesting to note how jquery reacts with objects within containers....

I am aware that I can add some jquery on the child within a container that would change the way the parent container behaves ...so I am understanding that what ever jquery gets executed last , is what keeps the formatting as...so had i done further down the page, a script tag with formatting for the tabs inside the accordion, that would force the absolute width to be x, then no matter what the parent had as formatting, it would be changed to allow for the aformentioned code execution.

Thanks again
Very interesting and useful background information. I really apreciate your comment. Thanks for sharing!
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.