DD Drop Down Panel v1.01- Adding a fade effect
by
, 03-24-2009 at 06:46 AM (22635 Views)
Original Script: DD Drop Down Panel v1.01
Changes: This modified version of dddropdownpanel.js adds an optional fade effect to the original slide up/down animation, so both effects are shown simultaneously. If you're looking for more flare for the animation, this is it!
Usage: Just replace the original .js file with the modified one. The fade effect can be toggled at the end of the .js file where you initialize the script:
Code:var defaultpanel=new ddpanel({ ids: ["mypanel", "mypanelcontent", "mypaneltab"], // id of main panel DIV, content DIV, and tab DIV stateconfig: {initial: "5px", persiststate: true}, // initial: initial reveal amount in pixels (ie: 5px) animate: {enabled: true, fadeeffect: true, steps: 20}, //steps: number of animation steps. Int between 1-20. Smaller=faster. pointerimage: {enabled: true, src: ["arrow-down.gif", "arrow-up.gif"]}, closepanelonclick: {enabled: true} // close panel when links or elements with CSS class="closepanel" within container is clicked on? })