I am new to jQuery, and this is the page I'm currently developing.

http://90.230.237.71/gandhi.html (Hope that works now :P)

When I hit "Show/hide gallery" all the images are first opened vertically, and later they are corrected to their horizontal placement, that's the problem. I don't know if this is due to jQuerys slideDown or entirely CSS-related, but the code is all there for you.

Initally, the images are set to display: none, perhaps they then are invisibly stored vertically. Then slideDown is performed and last, the CSS-attributes are changed to "display: inline". Perhaps I need to change execution order of slideDown and setting the CSS-attributes... but how?

I NEED HELP... for many reasons, but I only want you to help me with this one ;)

And also, please actually look at the code before making any assumptions. It's _all_ there in the code.

EDIT

I've come to the conclusion that line 5738 in jquery.js is the problem. I changed from

this.elem.style.display = "block";

to

this.elem.style.display = "inline-block";

which solved my problem.

My question is now - Do I need to use my own modified version of jquery or can I override the value from my html-page?