[jQuery] Odd behaviour with append()
Hi guys
I've got some code similar to the following HTML:
<div id="container">
<div id="content"><a href="#">Title</a> <blockquote>blah</blockquote></div>
</div>
And some javascript as such:
$('#content a').click(function(){
var content = $('../../.projects', this).get(0);
alert(this.innerHTML); // just to see whats in "this" object
$('#container').append('<div id="infobar"></div>');
$('#container #infobar').append(projects).slideDown('slow');
});
$('#container #infobar').click(function(){ this.slideUp(); });
What I've noticed is that on the first click, things run as expected,
and the infobar slides down containing the blockquote. Clicking the
infobar closes it, again as expected. Whats unexpected is that clicking
again slides down the infobar, but the content is missing. The alert
shows that on the second click the innerHTML of the content div only
contains the a element, and nothing more.
I was expecting to make a copy of the blockquote and append it to the
infobar, but it seems to have *moved* it instead.
Can anyone offer an explanation and fix?
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/