Hey all, I’m trying to accomplish the following toggling action in JQuery:
When you click on a DIV with a bunch of images inside of it, it disappears and you get presented with another DIV (in the same place on the page) that has just one big image. Then when you click inside that DIV (on the image or inside the DIV, it doesn’t matter), that DIV disappears and you get your original DIV with multiple images back. Transition effects are unneccessary, show/hide will suffice.
I’m very new to JQuery, and I’m wondering if anyone has seen a Jquery plug-in that allows me to toggle the hide/show state of two DIVs (and everything inside of each DIV) this way. It would just be a toggle: when you click on anything inside a div, the other div displays and the one you clicked on gets hidden. Same when you click anywhere within the newly appeared DIV.
I’d the switch between DIVs to be controlled by just clicking inside the DIV, not buttons or links or tabs outside of it. I was attempting to learn from various slideshow and tabs plugins, but the code assumes greater knowledge than I’ve got. Online tutorials seem to be too basic or else skip too many steps. And tab plug-in code is great, but it often seems (stress on ‘seems’) to me that I have to organize my CSS/HTML as lists. I seem to think that I’m after something simple… but I know from advising clients that what looks simple is often difficult.
Anyway, if a handy swap-div plugin like I’m describing doesn’t exist, does anyone know of a good book for beginners (online or off)? Guidance appreciated.
Thanks
R o B
