Jump to content

- - - - -

Hosting and a new site


Web Development
4: Adsense

I got hosting set back up the other day and I've been playing around with learning some jQuery and such (which is amazing.) I spent my lunch hour and most of the time after work getting an 'accordion' system working. I started out with a pure CSS design, which was great, but I wanted a nice smooth transition so I switched to jQuery. It's working perfectly on my five browsers (the three on my laptop and the two on my server), but my mom and Cierra both have an issue where, when hovering, the last image drops to the next line for a few milliseconds. For anyone that wants to see it in action, http://p16games.com/dev/testbed/.

As a side note for anyone using jQuery, IE doesn't seem to like returning multiple elements using the same name (for example, in page above I was using multiple divs with the id '#accordion'; $("#accordion") was only returning the first element.) I'm not sure if there is a more acceptable/preferred solution, but I ended up using $("div[id^='accordion']").

Anyway, I'll be doing most of my web dev stuff through my old domain, http://www.p16games.com and all of my live stuff will go through http://www.bealssoftware.com (nothing on the latter yet.) For the time being I'm planning on going with a simple design using the accordion. Basically I will have an image for each project that I'm working on and you can click on them to go to that project's page. One I get some finished projects up I can add them to a separate accordion.

Now, I need to get back to working on SAGE.

Apr 28 2012 10:56 AM
You could just use CSS transitions.
Apr 28 2012 11:53 AM

You could just use CSS transitions.

Thanks for the tip, that looks like exactly what I need!

Note: GameDev.net moderates comments.