[Pro] help with accordion menu

Freeway
1

I would like to try and change the menu on the right to work when clicking (click to open submenu, click to close) instead of hover. The problem with hover (at least in the way its been implemented is that the menu “jumps” and leaves the arrow in the wrong place… for example if you hover over the AREAS OF PRACTISE that reveals the submenu but as you move cursor down to the next item which is MEMBERS, AREAS OF PRACTISE closes and MEMBERS jumps up leaving the arrow hanging over CONTRIBUTION TO CASE-LAW… So I either need to fix the hover action or maybe change it to a click action to avoid the problem I’m having. Hope this isn’t too confusing and someone can help me out… Thank you!

http://www.advocati.gr/english/practice.html

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

How did you create the accordion menu - with an action? If so which one?

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

here is the code…

$(document).ready(function(){
$(“ul.hidden”).hide();
$(“a.toggleLink”).hover(function () {
$(“ul.hidden”).not($(this).next(“ul:first”)).slideUp();
$(this).next(“ul:first”).slideToggle(“normal”);
});
});

and the css…

a.toggleLink {
display: block;
padding: 5px;
background: #FFFFFF;
color: #B3CEDB;
text-decoration: none;
font-family: VERDANA;
font-size: 16px
}

ul#accordian_menu {
margin: 0;
padding: 0;
width: 250px;
}

ul#accordian_menu li a:hover {
background: #FFFFFF;
color: #5A8FA7;
}

ul#accordian_menu li {
list-style-type: none;
}

ul#accordian_menu li ul {
padding-left: 0;
background: #FFFFFF;
}

ul#accordian_menu li ul li {
}

ul#accordian_menu li ul li a:hover {
background: #FFFFFF;
color: #5A8FA7;
}

ul#accordian_menu li ul li a {
color: #B3CEDB;
display: block;
padding: 5px;
text-decoration: none;
font-family: VERDANA;
font-size: 12px;
text-align: left;
text-indent: 5%;
}

hope this helps… thank you!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

No that doesn’t help.

Did you use an action to create the accordion? If not where did the code come from - a link would be useful.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options