Need help troubleshooting Firefox issue

Question

I've got this page pretty much working in IE and Opera but
Firefox is still giving me some issues.
Here is the URL;
http://www2.wgint.com/splash_test/splash_test_new_right2.php.
The issue I am having is the section that says "Featured
Projects". When you click on one of the numbers (1-4) only the
picture and text below it should fade and change, but the gray bar
above with "Featured Projects 1 2 3 4" is also fading.
Any help you could provide would be greatly appreciated.
Thanks,
Lee

Answer 1

Hi,
You have this wrong behavior because you added the image and
the initial text inside the tab div, not inside the content div.
Now inside this div: <div class="AccordionPanelTab">
you added the content that is updated and has the effect applied on
it.
You should move this content inside the content div: <div
class="AccordionPanelContent"> because you just want to update
the panel content not also the tab.
You should have somethig similar with this:
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="#"
onclick="fadeIt('test', 'pull.html'); return false;">Here is the
link/a></div>
<div class="AccordionPanelContent">
<div id="test">Initial content that will be updated
and animated.</div>
</div>
</div>
Hope this helps you,
Diana