[jQuery] Accordion Style Navigation & Intermitten Click Issue
I've uploaded an example of this page which highlights the problems
i've had. The concerning part is that the behaviour is different in IE
7 to Opera & Firefox. I'm trying to create a slide down site
navigation which closes any other panel when opening a new one. In IE,
you have to click twice to play the open animation whereas FF & Opera
don't work at all.
The example page can be found at http://test.i-snapshot.com/Default.aspx
Here is my js to create an accordion style nav:
<script type="text/javascript">
$(document).ready(function(){
$("#leftnavigation li").not(".orange").each(function(i){
$(this).toggle(function(){
$(this).find("ul").each(function(j) {
$(this).hide('slow');
});
},function(){
$(this).find("ul").each(function(j) {
$(this).show('fast');
$("#leftnavigation li
ul").not(this).each(function(){
$(this).hide('slow');
});
});
});
});
});
</script>
Can anyone give me any pointers to either make the accordion simpler /
more efficient or to directly fix the issue, cross browser.
TIA,
Matt