Shammus
02-02-2010, 08:31 PM
DD Drop Down Panel
http://www.dynamicdrive.com/dynamicindex17/dddropdownpanel.htm
------------------------
Using the script below and changing out those three IDs in the HTML, I can create multiple dropdowns on a page. Is it possible to modify the code so that the dropdowns interact with each other in that every time you click to open one menu, the others close? That way at least one of the menus is open at all times? Thanks in advance....
------------------------
<script type="text/javascript">
var testpanel=new ddpanel({
ids: ["mypanel2", "mypanelcontent2", "mypaneltab2"], // id of main panel DIV, content DIV, and tab DIV
stateconfig: {initial: "0px", persiststate: true}, // initial: initial reveal amount in pixels (ie: 5px)
animate: {enabled: true, steps: 15}, //steps: number of animation steps. Int between 1-20. Smaller=faster.
pointerimage: {enabled: true, src: ["images/arrow-down.gif", "images/arrow-up.gif"]},
closepanelonclick: {enabled: true} // close panel when links or elements with CSS class="closepanel" within container is clicked on?
})
</script>
http://www.dynamicdrive.com/dynamicindex17/dddropdownpanel.htm
------------------------
Using the script below and changing out those three IDs in the HTML, I can create multiple dropdowns on a page. Is it possible to modify the code so that the dropdowns interact with each other in that every time you click to open one menu, the others close? That way at least one of the menus is open at all times? Thanks in advance....
------------------------
<script type="text/javascript">
var testpanel=new ddpanel({
ids: ["mypanel2", "mypanelcontent2", "mypaneltab2"], // id of main panel DIV, content DIV, and tab DIV
stateconfig: {initial: "0px", persiststate: true}, // initial: initial reveal amount in pixels (ie: 5px)
animate: {enabled: true, steps: 15}, //steps: number of animation steps. Int between 1-20. Smaller=faster.
pointerimage: {enabled: true, src: ["images/arrow-down.gif", "images/arrow-up.gif"]},
closepanelonclick: {enabled: true} // close panel when links or elements with CSS class="closepanel" within container is clicked on?
})
</script>