Newbie2772
-
Posts
2 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by Newbie2772
-
-
Hi guys,
So I set up a few boxes on a page and want a random one to disappear whenever any box is clicked on. I am a little rusty and was never that good at coding so this is just for fun/practice.
My divs are set up as having id's square(1-18)
My jquery code is:
$(document).ready(function() { $("div").mouseenter(function() { $(this).animate({ height: '+=50px', width: '+=50px', fontSize: '+=100px'}); }); $("div").mouseleave(function() { $(this).animate({ height: '-=50px', width: '-=50px', fontSize: '-=100px' }); }); var num = math.floor(math.random() * 18) + 1; var n = num.toString(); var sEvent = "'" + "#" + "square" + n +"'"; $("div").click(function() { $(sEvent).toggle(400); }); });
the first 2 sections work fine but I cant get my click function to work properly. Please let me know your thoughts!
Jquery Animation Need Help
in JavaScript
Posted
That is an incredibly useful tool! I figured that part out now I'm going to figure out how to make them continue to disappear rather than reappear upon second click!