Solved

jquery problem with tabs inside accordion

Posted on 2011-09-23
6
347 Views
Last Modified: 2012-05-12
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
0
Comment
Question by:landerson999
  • 3
  • 3
6 Comments
 
LVL 11

Accepted Solution

by:
mcnute earned 500 total points
ID: 36592127
<script>
	$(function() {
		$( "#accordion" ).accordion({
			autoHeight: false,
			navigation: true
		});
	});
	</script>

Open in new window


try to give your accordion the autoHeight: false method.
0
 

Author Comment

by:landerson999
ID: 36592350
great ... worked like a charm.. just wondering how you figured it out... did ualready know or did u debug a bit using any tools.... ?
0
 

Author Closing Comment

by:landerson999
ID: 36592355
quick response.. working solution
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 11

Expert Comment

by:mcnute
ID: 36592366
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!
0
 

Author Comment

by:landerson999
ID: 36598755
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
0
 
LVL 11

Expert Comment

by:mcnute
ID: 36598784
Very interesting and useful background information. I really apreciate your comment. Thanks for sharing!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
simplest php form 3 59
highcharts wont fix inside a bootstrap modal window 6 27
Bad <form> statement? 9 22
Wrapper for APPs 9 28
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

914 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now