this parent jQuery

Question

jQuery ``` $(".drop-down h3").click(function(e) { e.preventDefault(); $(this).parent(".drop-down").find($("ul")).stop().slideToggle(); $(this).parent(".drop-down").find($(".divider-aside")).stop().toggle("slow"); $(this).parent(".drop-down").find($(".arrow")).stop().toggleClass("rotate1 rotate2"); }); ``` HTML ```

` by clicking on `

`. In this case only `.arrow` toggleClass works.

Accepted Answer

Use `closest` instead of `parent`

```
$(this).closest("#categories")
```

parent will only go back 1 level , i.e, the immediate parent. But you gotta get the container that encloses all the 3 elements

So `$(this).parent(".drop-down")`

supposed to be either

```
$(this).parent().parent()   // this will break if there is an extra
                            // parent container gets added
```

or

```
$(this).closest("#categories") // This will work even if the no of
                               // parent container keep chaning
```

this parent jQuery

Solution

Problem