jQuery inserting and removing images from divs

[Kuzmanov]

Is there a way with jQuery to insert an image into a div on click, and remove it on click?I am trying to make a light box with jquery, so on dom ready, it applies the thumbnail class to each image in the wrapper div, and then on click it toggles the full class. But that creates centering problems. So I'd like to have a transparent div that goes to .5 opacity and inserts the clicked image, then when you click again, does the opposite.here's the code I have so far:\[code\] $(document).ready $('img, div.wrapper').each( function() { var $img = $(this); $img.addClass('thumbnail'); $img.click(function(){ $img.toggleClass('full'); }); });\[/code\]