bigbenbuilders Posted August 26, 2009 Share Posted August 26, 2009 hey guys I have a drop down menu that works okay but the problem is if one expands and another link does not have sub catagories it will not collapse the one open? Quote Link to comment Share on other sites More sharing options...
bigbenbuilders Posted August 26, 2009 Author Share Posted August 26, 2009 might help if you have the code <link href="../templates/css/main_css.css" rel="stylesheet" type="text/css" /> <link href="../templates/css/alumni_css.css" rel="stylesheet" type="text/css" /> <link href="../templates/form_login/addon.css" type="text/css" rel="stylesheet" /> <script src="../templates/form_login/jquery.js" type="text/javascript"></script> <script src="../templates/form_login/function.js" type="text/javascript"></script> <script type="../text/javascript" src="../templates/Scripts/textsizer.js"></script> <script src="../templates/Scripts/AC_RunActiveContent.js" type="text/javascript"></script> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="ddaccordion.js"> </script> <script type="text/javascript"> ddaccordion.init({ //top level headers initialization headerclass: "expandable", //Shared CSS class name of headers group that are expandable contentclass: "categoryitems", //Shared CSS class name of contents group revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover" mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover collapseprev: true, //Collapse previous content (so only one open at any time)? true/false defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed) animatedefault: false, //Should contents open by default be animated into view? persiststate: true, //persist state of opened contents within browser session? toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"] togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs) animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow" oninit:function(headers, expandedindices){ //custom code to run when headers have initalized //do nothing }, onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed //do nothing } }) ddaccordion.init({ //2nd level headers initialization headerclass: "subexpandable", //Shared CSS class name of sub headers group that are expandable contentclass: "subcategoryitems", //Shared CSS class name of sub contents group revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover collapseprev: true, //Collapse previous content (so only one open at any time)? true/false defaultexpanded: [], //index of content(s) open by default [index1, index2, etc]. [] denotes no content onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed) animatedefault: false, //Should contents open by default be animated into view? persiststate: true, //persist state of opened contents within browser session? toggleclass: ["opensubheader", "closedsubheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"] togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs) animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow" oninit:function(headers, expandedindices){ //custom code to run when headers have initalized //do nothing }, onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed //do nothing } }) </script> <style type="text/css"> .arrowlistmenu{ width: 180px; /*width of accordion menu*/ } .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/ font: bold 14px Arial; color: black; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ cursor: hand; cursor: pointer; } .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/ background-image: url(titlebar-active.png); } .arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .hover {color:#00457C; text-decoration:none; text-transform:lowercase;} .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/ hover color:#00457C; text-decoration:none; text-transform:lowercase; } .arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/ background: lightgreen !important; } .arrowlistmenu ul li a{color:#636466; text-decoration:none; text-transform:lowercase;} A.a_left_menu_blue_sub:link {color:#636466; text-decoration:none; text-transform:lowercase;} A.a_left_menu_blue_sub:active{color:#636466; text-decoration:none; text-transform:lowercase;} A.a_left_menu_blue_sub:visited{color:#636466; text-decoration:none; text-transform:lowercase;} A.a_left_menu_blue_sub:hover {color:#00457C; text-decoration:none; text-transform:lowercase;} .arrowlistmenu ul li a:visited{ } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color:#00457C; text-decoration:none; text-transform:lowercase; } .arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/ } </style> <div class="navigationActive0"> <div class="padding_left_15 left_menu_main"> <div class="left_10px"><a href="directory" class="a_left_menu_blue" target="_self">></a></div> <div class="left_170px"><a href="alumni_directory.php" class="a_left_menu_blue" target="_self">alumni directory</a></div> </div> </div> <div class="navigationActive0"> <a href="../Giving/givegift" class="a_left_menu_blue" target="_self"></a> <div class="padding_left_15 left_menu_main"> <div class="left_10px">></div> <div class="left_170px">make a gift</div> </div> <div class="padding_left_15 left_menu_main"> <div class="left_10px">></div> <div class="arrowlistmenu"> <a href="portfolio.php" class="a_left_menu_blue" target="_self"> <div class="expandable">my portfolio</a></div> <ul class="categoryitems"> <li><a href="change_pass.php">change password</li> <li><a href="portfolio.php">Portfolio</li> </ul> </div> </div> <div class="navigationActive0"> <a href="recognitions" class="a_left_menu_blue" target="_self"> <div class="padding_left_15 left_menu_main"> <div class="left_10px">></div> <div class="arrowlistmenu"> <div class="expandable">alumni recognitions</div> <ul class="categoryitems"> <li><a href="alumninewsandnotes">alumni news and notes</li> <li><a href="">alumni spotlight</li> <li><a href="">outstanding alumni award</li> <li><a href="">past outstanding alumni</li> </ul> </div> </div> </div> <div class="navigationActive0"> <a href="events-and-reunions" class="a_left_menu_blue" target="_self"> <div class="padding_left_15 left_menu_main"> <div class="left_10px">></div> <div class="left_170px">alumni events and reunions</div> </div> </div> <div class="navigationActive0"> <div class="padding_left_15 left_menu_main"> <div class="left_10px"><a href="krieger-society" class="a_left_menu_blue" target="_self">></a></div> <div class="left_170px"><a href="krieger-society" class="a_left_menu_blue" target="_self">krieger society & scholarships</a></div> </div> </div> <div class="navigationActive0"> <div class="padding_left_15 left_menu_main"> <div class="left_10px"><a href="volunteer" class="a_left_menu_blue" target="_self">></a></div> <div class="left_170px"><a href="volunteer" class="a_left_menu_blue" target="_self">ways to volunteer</a></div> </div> </div> <div class="navigationActive0"> <div class="padding_left_15 left_menu_main"> <div class="left_10px"><a href="../Giving/scholarships" class="a_left_menu_blue" target="_self">></a></div> <div class="left_170px"><a href="../Giving/scholarships" class="a_left_menu_blue" target="_self">scholarships</a></div> </div> </div> </div> <p> </p> <p> </p> Quote Link to comment Share on other sites More sharing options...
bigbenbuilders Posted August 26, 2009 Author Share Posted August 26, 2009 any help guys Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.