Ok, the title might sound a bit strange but i dont really know how to describe my problem in one sentence .
Im working on a little project where i have page where i can add dynamic divs and the dynamic div's include (.load) a html page with jquery.


Ill just show a sample code from what i have.

So a html page is loaded into a dynamic added div, code from the loaded html page:

<div id="container"> <!-- container -->  

	<div id="overlay">
  		<button id="clear-overlay">Clear</button>
	</div>

    <button id="show-overlay">Show</button> <
				
</div>	 <!-- end container-->

So i have a div.container with a div.overlay inside it, which is (like the id) a overlay (positioned on top with z-index) with a button to clear/hide the overlay.

Jquery code to hide (well fadeOut) the overlay which works like it should:

    $("#clear-overlay").live("click",function(){
    $(this).parent().fadeOut(1600); 
    });

But now i want to show(fadeIn) the overlay back again with the button inside the div.container and i have no clue how to do this.
Well i think (well maybe not) its something like (this).parent().children() or something but i cant figure it out and cant find any information on the web about it. And i cant use the id from the overlay div because it would show/fadeIn the overlays on all the added div's.

So im hoping this makes sense and someone here knows a solution for it, thnx in advance.

First off, IDs should be unique. So if you have several such containers the overlays and buttons should have the same class, not the same ID.

And for the actual question, the children() function can take an optional parameter to filter the elements it returns, i.e.

$(this).parent().children(".overlay")

Also, I think ther's a previous() function or similar, which would find the element before the current one. You could use it like $(this).previous(). But I'm no sure about that one, try searching on http://docs.jquery.com

thnx for responding! hmm thanks for reminding that about id's, always forget it but it's a project just for myself so shouldn't really matter i think.

$(this).parent().children(".overlay") works indeed like a charm, dont know why i didn't think of that in the first place. thnx a lot!

Originally Posted by TheSir

thnx for responding! hmm thanks for reminding that about id's, always forget it but it's a project just for myself so shouldn't really matter i think.

It probably does matter. The reason an id must be unique is because it is supposed to uniquely point out exactly one element in the document. So you can't, i.e. find an element with jquery with $("#some_id") if several elements share that id. I don't know what jquery would actually do in such a case, but I guess it won't work very well.

Originally Posted by TheSir

$(this).parent().children(".overlay") works indeed like a charm, dont know why i didn't think of that in the first place. thnx a lot!

Glad that it worked out for you.