JQuery Slide Only Parents <solved>
Hi All Im new to JQuery and i have a wonderful menu working in the slide fashion but what i am trying to do now is when i click on one of the li's that expand i only want that ul's to expand and its parent ul's i want all other uls that are not the parents of the new ul opened to be closed if that makes since
this is the code
-
$(document).ready(function()
{
$("ul:not(:first)").hide();
$("ul li").click(function()
{
$(this).next("ul").slideToggle();
$("this.parents:not(this)").slideToggle();
// return false;
});
});
now i will try and make my self clearer
i have a menu with 4 lvl's of UL's
as of right now i have the menu so it starts out as all but the first level UL is closed and when i click on the LI which has a UL under it it slides open and when i click again on the same thing it slides closed.
Now that's exactly what i want now all i need to add to the functionality is to make it so it closes all the other UL's except the one i just opened and its parent UL's if that makes since
it looks a bit like this
-
UL
LI /LI
UL
LI /LI
/UL
LI /LI
UL
LI /LI
UL
LI /LI
/UL
/UL
/UL
any help would be greatly appreciated and if you need more information don't hesitate to ask i need all the help i can get with this one