Activating the slideDown by clicking anywhere?
Hey.. just ran into a little problem. I have the following jQuery code which I am using that should only activate when I click on the text to activate it.
-
$(document).ready(function(){
$(document.body).click(function () {
if ($("#topDrop:first").is(":hidden")) {
$("#topDrop").slideDown("slow");
} else {
$("#topDrop").slideUp("fast");
}
});
});
My problem is that once I started adding more div's into the layout, no matter where I click on the page my slideDown code executes and drops the div down. My question is should I be changing this
-
$(document.body).click(function () {
to something else? Is it possible to change the ".body" to something else like a div so it functions only when you click on the div?
I know this might sound confusing but I'm trying to explain it as best as I can. Here is an example (
http://maineluxury.net/testlab/jquery/)of what is happening. Just click anywhere on the page and the top div will drop down. This should only be happening when you click the link.
Any help would be awesome.
Thanks -
Douglas Mellon[/quote]