javascript - Need some help building an expanding div -

I need extended divisions where it shows the top 30x 9 60 of the 300x960 image with a 'wide' button Goes to the upper left. Clicking on the extension button will slide 'Slide' to 'Div' to display the full image of 300x960 below. Clicking anywhere, whether expanded or contracted, will take the user to the advertiser's website. Can I make it from any quick snippet there?

Do something like this:

  & lt; Div style = "width: 960px; height: 30px; position: relative; overflow: hidden" & gt; & Lt; A href = "http: // other / site /" & gt; & Lt; Img src = "image.jpg" alt = "" /> gt; & Lt; / A & gt; & Lt; Input type = "button" value = "expand" style = "position: full; left: 10px; top: 10px" onclick = "extension (this)" /> & Lt; / Div & gt; & Lt; Script type = "text / javascript" & gt; Function expansion (BTN) {btn.style.display = 'none'; Slide (btn.parentNode, 30); } Slide slide (div, curHeight) {if (curHeight == 300) return; CurHeight + = 10; Div.style.height = curHeight + 'pixels'; SetTimeout (function () {slide (div, curHeight);}, 25); } & Lt; / Script & gt;