javascript: Show/Hide Div. Footer below it not adjusting consistently

[johnnyriss]

Greetings,

Thx for your attention. My problem is on this page using IE 7 & 8:

http://tinyurl.com/m8ajyp

If you click the tabs, you'll see that the footer doesn't adjust accordingly. Only in IE. Works fine in Firefox (Mac & PC) and Safari Mac.

Here's the javascript:

<script type="text/javascript" charset="utf-8">
		$(function () {
			var tabContainers = $('div.imgswap > div');
			tabContainers.hide().filter(':first').show();
			
			$('div.imgswap ul.tabNavigation a').click(function () {
				tabContainers.hide();
				tabContainers.filter(this.hash).show();
				$('div.imgswap ul.tabNavigation a').removeClass('selected');
				$(this).addClass('selected');
				return false;
			}).filter(':first').click();
		});
</script>

The really goofy thing is that on the menus page /menus (which should be identical code and structure as the other page) it looks like the footer adjusts on the FIRST click of a different tab. But then it doesn't adjust again. On /special-events the footer doesn't adjust even the first time.

Not sure what additional code should be posted here – if the style sheet and page code should be added here or if it's best for people to look on the page.

Any guidance and help is greatly appreciated.

 

[BabyJeffy]

Unrelated entirely... but given the international nature of the web - suggest to the customer they put the country (or some large identifiable area/state) in the contact details.

I would normally look at your code and try to help - but I don't really do jQuery

Cheers!

[tt]Visit my blog [!]@[/!]

http://www.coderambler.com/

Visit Code Couch [!]@[/!]

http://www.codecouch.com/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094