I have been able to show iframes with jquery easily, but for some
reason I cant this one to work.
I am using the same exact setup in the same page to show this one, but
it is not working like the other three.
I need the iframe to fadeIn once an image is clicked.
I have narrowed it down to class="artists"
which in the css is set to {display: none;}
without it there the iframe shows the entire time. With it there the
iframe wont show at all.
For the setup that does work I have: (I have two others with this
exact setup (different id though) that work just fine)
<iframe src="/photo_site/photographers.html" id="photo_list"
class="artists" width="599" height="399"></iframe>
The jquery uses the id to show and hide the element.
The one that doesnt work:
<iframe src="/photo_site/contact.html" width="610" height="399"
id="contact_form" class="artists"></iframe>
just like before jquery uses the id to show and hide the element
The jquery I am using to show the element is:
$("img#contact").click(function(){
$("#photo_list").fadeOut(250);
$("#illus_list").fadeOut(250);
$("#graphic_list").fadeOut(250);
$("img#photo").fadeOut(250);
$("img#illus").fadeOut(250);
$("img#grphc").fadeOut(250);
$("span#options").fadeOut(250);
$("#about_us").fadeOut(250);
$("img#site").fadeOut(250, function() {
$("#contact_form").fadeIn(1000);
});
});
For more deatils on this dilema I have provided the link:
http://royalvillicus.com/photo_site/photo.php
Thanks a lot for your help
