Accordian Menu query
Accordion Menu script (v1.7.1)
http://dynamicdrive.com/dynamicindex...enu-bullet.htm
Having problems in Internet Explorer with the "projects" section of my menu. Its flicks a bit when you click between the project pages. The menu works great in Safari, Firefox, Chrome etc.
Am a designer and trying to get to grips with code. Am not sure whether I have set the menu up correctly, have used the following script but don't think this is quite right and that I should be doing something else:
Code:<script type="text/javascript"> ddaccordion.init({ 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: [], //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: false, //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 } }) </script> <div class="sidebar1"> <div class="arrowlistmenu"> <h3 class="menuheader" style="cursor: default"><a href="../index.html" target="_self">Home</a></h3> <h3 class="menuheader" style="cursor: default"><a href="../standards.html" target="_self">Standards</a></h3> <h3 class="menuheader expandable">projects</h3> <ul class="categoryitems"> <li><a href="../projects_commercial_industrial.html?expandable=0">Commercial & Industrial</a></li> <li><a href="../projects_education.html?expandable=0" target="_self">Education</a></li> <li><a href="../projects_various.html?expandable=0" target="_self">Agricultural</a></li> <li><a href="../projects_leisure_retail.html?expandable=0">Retail & Leisure</a></li> <li><a href="../projects_various.html?expandable=0" target="_self">Civil Engineering & Structures</a></li> </ul> <h3 class="menuheader expandable">our companies</h3> <ul class="categoryitems"> <li><a href="http://www.ponwaye.co.uk/temp/abba040311-1/index.html" target="_blank" >ABBA Plant Hire</a></li> <li><a href="http://www.jmhdirectionaldrilling.co.uk/" target="_blank">JMH Directional Drilling</a></li> <li><a href="http://www.ponwaye.co.uk/temp/abba040311-1/index.html" target="_blank" >APH Cranes</a></li> <li><a href="http://www.ponwaye.co.uk/temp/abba040311-1/index.html" target="_blank" >Powered Access</a></li> <li><a href="http://www.ponwaye.co.uk/temp/abba040311-1/index.html" target="_blank" >Truck Linc</a></li> </ul> <h3 class="menuheader" style="cursor: default"><a href="../client_list.html" target="_self">client list</a></h3> <h3 class="menuheader" style="cursor: default"><a href="../contact.html" target="_self">contact us</a></h3> <h3 class="menuheader" style="cursor: default"><a href="../site_map.html" target="_self">site map</a></h3> </div> <!-- end .sidebar1 --></div>
CSS Codes
Reply With Quote
Bookmarks