REALLY SIMPLE PLEASE HELP!
Ive been studying jquery and I'm getting the hang of it t'where i KNOW this is a really simple procedure, and I'm overlooking the concept of it.
All i want to do is be able to click on one link, let the image load and slide down under the link. which i have accomplished. however its loading the image from a seperate html file and just grabbing the id from that file. i have a close me link on that external page. and it loads after clicking the link. I cant figure out how to get the image and close me link on that page i loaded, to UNLOAD and disappear. i have 5 seperate links but once i get this first one the rest will follow. Here is my first page code...i cant put the jquery code on the external page because the div is the only thing getting loaded from the main page so i dont believe its pickin up the code (this).hide(). Thanks for any help! here the code...
<script type="text/javascript">
$(function(){
$('#layout1 a').click(function(){
$('<div id="lay1" />').load('layout_list.html #layout1', function(){
$(this).hide()
.appendTo('#layout1')
.slideDown(400);
});
return false;
})
});
</script>
then it loads....the seperate page i have:
<script type="text/javascript">
$(function(){
$('#close').click(function(){
$('#layout1').slideToggle("fast");
$(this).toggleClass("test");
});
});
</script>
and it makes the image and link disappear on THAT page...NOT when the data is loaded on the main page. If someone could help I'de appreciate it so much!!