Overlapping content from left to right?

[jlizarraga]

http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm

I have been using the above script to make a drop down menu. What I love about the script is that the overlapped div that gets dropped down can have complex nested divs within it.

Now I need something that does the same thing, but from left to right, rather than just top down or bottom up. I have been looking through scripts for collapsible menus here on Dynamic Drive, but none seem to be able to have nested divs of additional complex content within them.

I need to be able to have the overlapping menu shown by default, be able to contain nested divs of its own, and be able to be controlled by mouse clicks.

Thanks a bunch for any info.

[ddadmin]

Sure, try the attached modified dropdowncontent.js file. It adds the ability to offset the Drop Down Content left and right relative to the anchor link. At the bottom of your HTML where you call the init() function, just add a forth parameter and enter "true" to go into this mode:


dropdowncontent.init("searchlink", "right-bottom", 500, "mouseover", true)

[jlizarraga]

Thanks, but that just affects the position of the dropdown content, right? I need the actual wipe effect to go from left to right.

[ddadmin]

So are you looking just for the wipe effect to change orientations, and not the position of the drop down DIV?

[jlizarraga]

Yes.

YUI to the rescue!

http://developer.yahoo.com/yui/examples/layout/page_layout_source.html

See, this thread was on the right forum when you moved it! >_>

I didn't think the Overlapping Content script could be easily modified to go from left to right, so I was asking for something that could. Thanks a bunch for being so responsive to questions about your scripts, though.