Hi Daniel, I also thought about creating multiple divs that would slide in and out to achieve what I wanted but in the end, and because of the sheer number of panels and sliding menus I would have to maintain "complete" events for, I decided against it. I think your explanation proves my point on the confusion factor =)
So my solution, the Yahoo library (http://developer.yahoo.com/yui/). I already use quite a few of their components so it was not surprise that they had exactly what I was looking for. For a really simple example check out: http://blog.jc21.com/staging/slideandhide.php The trick is in the line: var anim = new YAHOO.util.Anim('slider2',{height:{to:0}}, 1,YAHOO.util.Easing.easeIn); change {height:{to:0}} to {height:{to:40}} and the slideout will remain open 40 pixels. Perfect! Good luck, Paul On May 13, 2:36 am, Annis McKenzie <annismcken...@googlemail.com> wrote: > I want to achieve something similar to this and the only way I can > think of, is creating another container where your menu is, so that > this div contains all the menu items that you want to be visible after > slideIn(). Sliding this one out also doesn't slide out the menu > portion to open it again. Man, that sounds like I couldn't understand > it myself: > > <div> > <div id="menu-item-container"></div> <== this one slides in and out > and contains the menu items you want to show when opening the menu > <div id="top-menu"></div> <== this one contains the buttons to slide > the menu item container in and out > </div> > > I Hope you get what I mean. :) Post back, if there's anything else. > > Cheers, Daniel > > On May 12, 6:30 pm, Paul <paulhun...@gmail.com> wrote: > > > Hello, > > I am trying to get a visual display to behave the way I want using > > Fx.Slide but I am having some problems. > > > Here's the effect that Im trying to achieve. I have a "Main" div and > > then my "Menu" div underneath that. When i click an image I want the > > "Menu" div to slideIn(). No problem so far. > > > The problem comes when I slideOut(). When I slide my "Menu" div out I > > actually want to keep the bottom 40px of it visible...i.e. I only want > > to partially slideOut() or slideOut() a certain height. > > > How can I do this? > > > Regards, > > Paul
