PDA

View Full Version : Accordian Menu query



JellyBaby
03-17-2011, 10:55 PM
Accordion Menu script (v1.7.1)

http://dynamicdrive.com/dynamicindex17/ddaccordionmenu-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:




<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 &amp; 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 &amp; Leisure</a></li>
<li><a href="../projects_various.html?expandable=0" target="_self">Civil Engineering &amp; 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>

ddadmin
03-18-2011, 06:04 AM
Does your page contain a valid doctype at the very top, for example:


<!DOCTYPE HTML>

If so and that doesn't help, please post a link to the page on your site that contains the problematic script so we can check it out.

JellyBaby
03-19-2011, 10:27 PM
http://www.ponwaye.co.uk/temp/jmh190311-7/index.html

this is running temporarily off my site as the site is still under construction.

in addition to the "flickering" in internet explorer; it almost looks like the page is reloading.

many thanks for your help