how to use next() to find the closest ul in jquery?

Question

i have a simple menu, something like this: ``` ``` then i use jquery so when i click on the `+` sign the ul slides down: ``` $("#navigation > li > div > span").click(function(){ if(false == $(this).next('ul').is(':visible')) { $('#accordion ul').slideUp(300); } $(this).next('ul').slideToggle(300); }); ``` the issue is that `$(this).next('ul')` doesn't seem to fond the next ul any ideas what am i doing wrong?

Accepted Answer

use

```
$(this).parent().next()
```

instead of

```
$(this).next();
```

and, of course, you can pass a selector (more simple or more complex) that identifies the desired element as argument:

```
$(this).parent().next('ul.test[id$="_ul]"'); 
```

how to use next() to find the closest ul in jquery?

Solution

Problem