Here is my page: http://www.eccrv.com/v2
Mousing over the buttons at the top (Independent Living, Personal Care, etc.) should cause the image under them to fade out, and a different image to appear. First example below, I'm showing the Javascript, the button with event trigger, then the DIV's with ID screen0 and screen1. The fade out works fine, but I can't get screen1 to fade in for some reason? Would really appreciate any help, I think I'm close to getting this to work. Thanks! function screenToggle1() { $('screen0').fade({duration: 0.6, queue: {position: 'end', scope: 'screen0', limit: 10}}); $('screen1').appear({duration: 0.6, queue: {position: 'end', scope: 'screen1', limit: 10}}); $('screen2').fade({duration: 0.6, queue: {position: 'end', scope: 'screen2', limit: 10}}); $('screen3').fade({duration: 0.6, queue: {position: 'end', scope: 'screen3', limit: 10}}); $('screen4').fade({duration: 0.6, queue: {position: 'end', scope: 'screen4', limit: 10}}); $('screen5').fade({duration: 0.6, queue: {position: 'end', scope: 'screen5', limit: 10}}); } <a onmouseover="screenToggle1();act('buttona')" onmouseout="inact ('buttona')" href="http://www.eccrv.com/v2/independent- living.asp"><img name="buttona" src="art/mh_2a.jpg" alt="Independent Living" width="148" height="65" border="0" /></a> <div id="screen0" class="sh_home">StoneRidge Retirement Living<br /> <span class="gray">provides four important levels of<br /> retirement living. <span class="noital">Lorem ipsum<br /> masker waker. Morem maser awe<br /> savher apoer.</span></span></div> <div id="screen1" class="sh_independentliving"><a class="menus" href="#">CORE VALUES</a><br /> <a class="menus" href="#">OVERVIEW</a><br /> <a class="menus" href="#">ACCOMMODATIONS</a><br /> <a class="menus" href="#">AMENITIES</a><br /> <a class="menus" href="#">QUESTIONS</a><br /> <a class="menus" href="#">APPLICATION</a><br /> <a class="menus" href="#">DIRECTIONS</a><br /> <a class="menus" href="#">MORE INFO</a><br /> <a class="menus" href="#">LOCAL LINKS</a></div>
-- You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptacul...@googlegroups.com. To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.