<div>
Hmm, you can try setting the zIndex of the covers in the top row to &nbsp;100, the images under them to 50, then the z-index of the covers on the second row to 25<br />
But I tried for a while and did not succeed in closing the gap
</div>


Hmm, you can try setting the zIndex of the covers in the top row to  100, the images under them to 50, then the z-index of the covers on the second row to 25
But I tried for a while and did not succeed in closing the gap

alternate.zip

fix.zip

<div>
@sudaraka: &nbsp;you;re right--the first solution introduces an anomaly and the second is not the behavior i'm looking for--i need a sliding down effect.<br />
<br />
Is there an alternate way to just push down the second row when the drop down in the first row slides down?
</div>


@sudaraka:  you;re right--the first solution introduces an anomaly and the second is not the behavior i'm looking for--i need a sliding down effect.

Is there an alternate way to just push down the second row when the drop down in the first row slides down?

<div>
Very helpful and took the time to find an alternative solution. &nbsp; Great person!
</div>


Very helpful and took the time to find an alternative solution.   Great person!

<div>
<div class="content wysiwyg-content">
Hi,<br />
<br />
I need some help in enhancing a script that slides an image out from below a static image. &nbsp;<br />
<br />
The problem is that I have a second row of images that is supposed to be just below the first row. &nbsp;I want the sliding image in the first row to drop down on top of the second row.<br />
<br />
Please see what I currently have: &nbsp;<a href="http://sidekickassociates.com/d/test.html" rel="ugc">http://sidekickassociates.com/d/test.html</a><br />
<br />
AS you can see, there is a large gap between the first and second row--this undesirable.<br />
<br />
Please help.<br />
<br />
Thanks,<br />
scott<br />
<br />
<br />
<br />
<a href="https://filedb.experts-exchange.com/incoming/2011/05_w20/457755/test.zip" target="_blank" class="file-inline" title="sliding image test page (20 KB)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M67.508 468.467c-58.005-58.013-58.016-151.92 0-209.943l225.011-225.04c44.643-44.645 117.279-44.645 161.92 0 44.743 44.749 44.753 117.186 0 161.944l-189.465 189.49c-31.41 31.413-82.518 31.412-113.926.001-31.479-31.482-31.49-82.453 0-113.944L311.51 110.491c4.687-4.687 12.286-4.687 16.972 0l16.967 16.971c4.685 4.686 4.685 12.283 0 16.969L184.983 304.917c-12.724 12.724-12.73 33.328 0 46.058 12.696 12.697 33.356 12.699 46.054-.001l189.465-189.489c25.987-25.989 25.994-68.06.001-94.056-25.931-25.934-68.119-25.932-94.049 0l-225.01 225.039c-39.249 39.252-39.258 102.795-.001 142.057 39.285 39.29 102.885 39.287 142.162-.028A739446.174 739446.174 0 0 1 439.497 238.49c4.686-4.687 12.282-4.684 16.969.004l16.967 16.971c4.685 4.686 4.689 12.279.004 16.965a755654.128 755654.128 0 0 0-195.881 195.996c-58.034 58.092-152.004 58.093-210.048.041z"/></svg>test.zip</a>
</div>
</div>


test.zip

Hi,

I need some help in enhancing a script that slides an image out from below a static image.  

The problem is that I have a second row of images that is supposed to be just below the first row.  I want the sliding image in the first row to drop down on top of the second row.

Please see what I currently have:  http://sidekickassociates.com/d/test.html

AS you can see, there is a large gap between the first and second row--this undesirable.

Please help.

Thanks,
scott




Sliding image under static image

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

A scripting language is a programming language that supports scripts, programs written for a special run-time environment that automate the execution of tasks that could alternatively be executed one-by-one by a human operator. Scripting languages are often interpreted (rather than compiled). Primitives are usually the elementary tasks or API calls, and the language allows them to be combined into more complex programs. Environments that can be automated through scripting include software applications, web pages within a web browser, the shells of operating systems (OS), embedded systems, as well as numerous games. A scripting language can be viewed as a domain-specific language for a particular environment; in the case of scripting an application, this is also known as an extension language.

Scripting Languages

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.