So, I am new to jQuery and I am attempting to change things of divs which are 2 levels about the function trigger:

Here is my first try: *I attempt to find the closest '.node' which is the parent of all of the other divs and edit the children divs.*

```
<script>
function details() {
    $node = $(this).closest( ".node" );
    $node.find( ".content.right .user" ).show();
    $node.find( ".options" ).show();
    $node.find( ".details" ).hide();
}
</script>

```

As that **didn't** work, I then attempted something like:

```
<script>
function details() {
    $node = $(this).parent( ".details" ).parent( ".node" );
    $node.find( ".content.right .user" ).show();
    $node.find( ".options" ).show();
    $node.find( ".details" ).hide();
}
</script>

```

But this didn't work either, so now I am lost.
Here is my HTML:

```
<div class="node">
    <div class="avatar left" style="background-image:url(assets/default_avatar.png);"></div>
    <div class="content right">
        <div class="user">Foo <a href="./">~Foo_bat</a></div>
    Integer quis ante iaculis, mollis nibh fermentum, vestibulum massa. Quisque et erat et dolor sagittis posuere eu ac risus. Vestibulum a varius turpis. Nunc tincidunt ipsum at tellus volutpat vestibulum. Nulla elementum neque a lectus ullamcorper, eu amet.</div>
    <div class="options">
        <a class="left" href="./reply">Reply</a>
        <a class="left" href="./repost">Repost</a>
        <a class="right" href="./report">Report</a>
    </div>
    <div class="details">
        <a class="right" href="#" onclick="details()">Details</a>
    </div>
</div>

```

Anyone know why this might not be working? It's probably something really easy to see, but I can't pick it out...