Event effects multiple elements
Hi All,
I have 3 button divs (empty div's over a png that have borders for now), and 3 text container div's that I would like the buttons to fade in or out.
All elements are nested in a container div.
Currently, the only button div wired to fire is the "contact us" button, and it is set to fade out the "Contact Information" text div. This was done for testing and first step procedures.
When I click my button, the text div does fade as anticipated, but so do all 3 buttons! They totally leave the stage, and loose ability to select.
When I set the text div's visibility to hidden, and the button div to fadeIn, then all 3 buttons fadeIn and Out, but not the text div.
The code is pretty much a cut and paste job from the JQ Doc's, and I am a total newb, soooo, I'm asking for help. I think this is a DOM/scoping issue, so perhaps it will not be so hard to see a solution.
I hope I can get a hard code example or a really focused response, and not a reference to an obscure article or paper that explains way to much, and requires this scribbling architect to think in linear terms. I scramble
crayola's and markers very well, not so much logic.
Here is the site location:
http://www.meridiandesigns.net/testing
Finally, I would really like to keep the code un-obtrusive, and out of the body, so I can develop it accessible as it goes live.
Thanks in advance,
Bill