I have a navigation which consists of a few ul's placed within one and the same parent; a div.
All but the first list item of these unordered lists get hidden and the first acts as a trigger to either show or hide the underlying li's. All this happens with a little animation by making use of slideToggle(); As a little extra I'd like only one list to be open at a time. So if list1 is open and I click on list3, list1 should close and list3 should open. This is where the toggle get's a little confused because once you've clicked odd on it, it expects an even click which never get's triggered because the clicking of any other lists already triggers the closing. Anyone a good tut/link/idea how to tackle this?