Question

I have this code :

function showContent() {
    ...
}

<div id="example">
    content
    <a href="#" onClick="showContent();return false">Link</a>
</div>

I’d like, when I click on the Link, show the content of the div, without using id or class as reference, but (maybe) the simple this.

How can I do it?

Answer 1

Well, there’s not a whole lot of context, but this is one way:

<div id="example">
 <p style="display: none;">content</p>
 <a href="#" onClick="showContent(this);return false">Show content above</a>
</div>

function showContent(el) {
    $(el).parent().children(':first-child').show();
}

http://jsfiddle.net/LeVFb/

Or, if you wanted to show all within (and I don’t think the :not really matters* in this case):

function showContent(el) {
    $(el).parent().children(':not(a)').show();
}

*In fact, I would go ahead and say leave it off unless you have a specific reason not to:

function showContent(el) {
    $(el).parent().children().show();
}

It would depend on the content you’re trying to display and whether any A tags are display: hidden and need to be shown.

http://jsfiddle.net/LeVFb/2/

This could go a number of ways.